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打包离线环境:npm run alphaapp打包本地环境:npm run buildapp打包正式环境:npm run online
到此这篇关于vue cli3 实现分环境打包的步骤的文章就介绍到这了,更多相关vue cli3 分环境打包内容请搜索好吧啦网以前的文章或继续浏览下面的相关文章希望大家以后多多支持好吧啦网!
相关文章:
1. python 基于PYMYSQL使用MYSQL数据库2. set rs=conn.execute,set rs=server.createobject(“ADODB.recordset”)的性能对比3. python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析4. SpringBoot中使用Jsoup爬取网站数据的方法5. 如何使用Mock修改Android设备上的features6. opencv-python的RGB与BGR互转方式7. Python ini文件常用操作方法解析8. 详解Android跨进程通信之AIDL9. 在Spring 中使用@Aspect 控制自定义注解的操作10. Android制作登录页面并且记住账号密码功能的实现代码