vue cli 中使用 cross-env


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

287

声明:Web前端小站 - 前端博客 - 王搏的个人博客|版权所有,违者必究|如未注明,均为原创

转载:转载请注明原文链接 - vue cli 中使用 cross-env

评论
孙瑞杰生日