Web前端小站Web

vue cli 中使用 cross-env

cross-env这是一款运行跨平台设置和使用环境变量的脚本。

3405 热度
1133 浏览

Cross-env 配置指南

首先是安装 cross-env

注意： Version 7的cross-env只支持Node.js 10和更高版本，如果要在Node.js 8或更低版本上使用它，请安装Version 6 npm install --save-dev cross-env@6

bash 复制代码 
在命令行输入 npm install --save-dev cross-env

设置

在package.json文件中自定义变量名称，这里我定义了FIRST_ENV

json 复制代码 
"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里面配置如下

javascript 复制代码 
const webpack = require("webpack");

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        "process.env": {
          FIRST_ENV: JSON.stringify(process.env.FIRST_ENV)
        }
      })
    ]
  }
}

使用

javascript 复制代码 
process.env.FIRST_ENV
vue cli 中使用 cross-env

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

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

评论 (0)

0/50
暂无评论，快来抢沙发吧~