vue 配置文件不打包_vuecli3+下多环境打包

最新推荐文章于 2022-12-26 15:46:44 发布

weixin_39915078

最新推荐文章于 2022-12-26 15:46:44 发布

阅读量788

点赞数

文章标签： vue 配置文件不打包

本文链接：https://blog.csdn.net/weixin_39915078/article/details/111323586

版权

声明：文中图片为作者csdn图片，不存在盗图行为，欢迎联系作者

3.0的多环境配置会更加的简洁、高效

项目创建好后，我们进入package.json文件新增打包命令：

新增打包命令使用 --mode 指定环境模式为 testMy

新增.env配置文件.env.testMy配置：需要以VUE_APP_**开头

NODE_ENV='test'   //用于标记打包的环境  测试环境
VUE_APP_TITLE='testMy' 	//自定义打包环境的title，写不写都行
VUE_APP_BASEURL='http://testMy.com/testMy' //api接口地址

.env.配置：

NODE_ENV='production'   //用于标记打包的环境  生产环境
VUE_APP_TITLE='pro' 	//自定义打包环境的title，写不写都行
VUE_APP_BASEURL='http://pro.com/pro' //api接口地址

配置全局打包文件vue.config.js，没有就新建一个

module.exports = {
    publicPath:'./',
    outputDir: (process.env.NODE_ENV === "production")? 'dist' : 'testMy', // 不同的环境打不同包名
}

验证打包：

npm run testMy

ok，测试环境没问题，再来看下生产环境的包

生产环境的包也没问题了。

以上就是3.0版本的多环境打包配置了，
其他环境类似。

我就知道你“在看”

关注