cross-env这是一款运行跨平台设置和使用环境变量的脚本。
首先是安装 cross-env
注意:Version 7的cross-env只支持Node.js 10和更高版本,如果要在Node.js 8或更低版本上使用它,请安装Version 6 npm install——save-dev cross-env@6
在命令行输入 npm install --save-dev cross-env
设置
在package.json文件中自定义变量名称,这里我定义了FIRST_ENV
"scripts": {
"serve": "cross-env FIRST_ENV=dev vue-cli-service serve",
"build": "cross-env FIRST_ENV=build vue-cli-service build",
"lint": "vue-cli-service lint"
},
配置
在项目根目录创建vue.config.js里面配置如下
const webpack = require("webpack");
module.exports = {
configureWebpack: {
plugins: [
new webpack.DefinePlugin({
"process.env": {
FIRST_ENV: JSON.stringify(process.env.FIRST_ENV)
}
})
]
}
}
使用
process.env.FIRST_ENV