美文网首页
cross-env在vue-cli中的使用方式

cross-env在vue-cli中的使用方式

作者: 木木木_HYY | 来源:发表于2021-04-28 10:41 被阅读0次

下载 cross-env

yarn add --dev cross-env

修改 package.json 文件

  "serve": "cross-env RUNTYPE=test vue-cli-service serve",

修改(或新建) vue.config.js

module.exports = {
  chainWebpack: (config) => {
    config.plugin('define').tap((args) => {
      args[0]['process.env']['SELF_CONFIG'] = JSON.stringify(process.env);
      return args;
    });
  }
};

使用自定义变量

运行项目后, 在 package.json 中自定义的 RUNTYPE 变量就被注入到全局变量 process.env.SELF_CONFIG 中

// a.js
console.log('process.env', process.env.SELF_CONFIG.RUNTYPE);
// test

相关文章

网友评论

      本文标题:cross-env在vue-cli中的使用方式

      本文链接:https://www.haomeiwen.com/subject/zkfvrltx.html