vue-cli3多个打包环境（开发环境，测试环境，线上环境）

最新推荐文章于 2024-07-08 17:31:14 发布

学无止境s_m_w

最新推荐文章于 2024-07-08 17:31:14 发布

阅读量735

点赞数 3

文章标签： vue.js javascript webpack yarn

本文链接：https://blog.csdn.net/weixin_45354225/article/details/106216157

版权

本文介绍了如何使用Vue CLI3设置多个打包环境，包括开发环境、测试环境和线上环境。通过创建不同.env文件，修改package.json和vue.config.js配置，以及在main.js中引入dist_url.js来处理不同环境的图片预览地址。

摘要由CSDN通过智能技术生成

多个打包环境配置

yarn 命令和npm操作一样

       env.dev文件配置：
            NODE_ENV = 'production'
            VUE_APP_FLAG = 'dev'
            outputDir = dev_dist

		env.test文件配置：
			NODE_ENV = 'production'
			VUE_APP_FLAG = 'test' // 根据此变量判断地址
			outputDir = test_dist  // 这个是打包后的文件夹名字

        
        env.pro文件配置：
            NODE_ENV = 'production'
            VUE_APP_FLAG = 'pro'
            outputDir = pro_dist

        "test":

关注