vue cli中使用cross-env

vue cli中使用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