vue-cli配置生产开发测试环境,实现自动化部署 - 简单记录

vue-cli2

1. 在build文件夹中新建 webpack.test…conf.js，将 webpack.prod.conf.js 文件复制过来；

将 const env = require('../config/prod.env') 修改为 const env = require('../config/test.env') 

2. 在config文件夹中新建 test.env.js ， 将 prod.env.js 复制过来;

将 NODE_ENV: '"production"' 修改为 NODE_ENV: '"testversion"'

3. 在build文件夹下新建test.js ,把build.js 内容复制过来;

将 const webpackConfig = require('./webpack.prod.conf') 修改为 const webpackConfig = require('./webpack.test.conf') 

4. 修改package.json

 "scripts":{ 
   		"build:test" " node build/test.js" 
   	}

打包的时候执行 npm run build:test 即可;

vue-cli3

vuecli3会自动识别, 只需要在根目录配置对应文件即可

1. .env.development 默认为开发环境

2. .env.production 默认为生产环境

3. 新建 .env.testversion 为自定义生产环境,名字可自定义

4. 修改package.json { “build:test” }