vue-cli3配置环境变量

最新推荐文章于 2025-03-22 10:20:58 发布

coderW

最新推荐文章于 2025-03-22 10:20:58 发布

阅读量992

点赞数

分类专栏： webpack

本文链接：https://blog.youkuaiyun.com/coderW/article/details/107389925

版权

webpack 专栏收录该内容

2 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为一些业务需求，如埋点等需要区分环境，在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
      })

}