vue cli3 实现分环境打包的步骤
用cli3搭建的vue项目号称零配置文件,为了方便打包(不用手动来回改不同环境进行打包)那么我们在需要打包的时候分不同环境打包怎么办呢
1.在根目录下创建三个配置文件,如下图
这里我创建了三个,这三个分别是我的本地;离线;线上环境,三个文件的内容依次为下VUE_APP_TITLE要对应当前文件后缀,build对应的production
NODE_ENV='production' VUE_APP_TITLE='alpha' ==================================================================== NODE_ENV='production' VUE_APP_TITLE='production' ==================================================================== NODE_ENV='production' VUE_APP_TITLE='online'
2.package.json配置对应环境打包名称,如图所示:
3.如图所示
4.在接口拦截文件,如图所示:
5.配置完以后三个环境打打包方式分别如下:
app打包离线环境:npmrunalpha
app打包本地环境:npmrunbuild
app打包正式环境:npmrunonline
到此这篇关于vuecli3实现分环境打包的步骤的文章就介绍到这了,更多相关vuecli3分环境打包内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。