vue-cli3配置环境变量

Vue CLI3 使用 webpack.DefinePlugin 配置环境变量

最新推荐文章于 2024-08-30 14:48:13 发布

原创最新推荐文章于 2024-08-30 14:48:13 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

webpack 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在基于Vue CLI3的项目中处理环境变量，尤其是针对业务需求如埋点等场景。原先在index.html中使用jsp语法的方式被指出不够理想，文章推荐参考链接中的方法，利用webpack.DefinePlugin进行优雅的环境变量配置。

因为一些业务需求，如埋点等需要区分环境，在index.html用到jsp语法，在vue-cli搭建的项目中配置环境变量

chainWebpack:config={
	 config
      .plugin('define')
      .tap(args => {
        //一些根据环境变化的腾讯广告或者百度统计埋点参数
        const {baiduStatisticsSrc, txAdvertiseData} = require('./config/env.js')
        args[0]['process.env'].baiduStatisticsSrc = baiduStatisticsSrc;
        args[0]['process.env'].txAdvertiseData = txAdvertiseData;
        return args
      })

}