首先安装cross-env(作用:跨平台设置环境变量)
npm install --save-dev cross-env
在package.json里面去就可以去配置了,像这样:
"scripts": {
"dev": "node build/dev-server.js",
"start": "node build/dev-server.js",
"build": "cross-env NODE_ENV=production node build/build.js",
"ready": "cross-env NODE_ENV=ready node build/build.js",
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
},
这样做完之后,发现npm run ready并不能用,还需要下面几步
配置webpack Plugin,在webpack.base.conf.js里面添加:
var webpack = require('webpack')
plugins: [
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
})
],
注: 如果build.js里面有
process.env.NODE_ENV = 'production'
记得把这行删掉。
这样就能在模块中拿到刚刚配置的ready环境变量,刚开始学vue的时候,始终不知道一份代码怎么编译成三份,现在终于知道了,希望可以帮助到大家,谢谢!