vue-cli配置自定义打包命令
- 一、目录结构
- 二、.env.development
- 三、.env.production
- 四、 对应打包命令
一、目录结构
在vue项目中,env是全局配置文件,可以存储不同环境下的变量。
使用vue-cli搭建项目,默认会在根目录创建一个.env文件
如果需要更多类型的.env文件,需要自行创建
.env 后缀的文件是全局默认配置文件,不论什么环境都会加载并合并
.env.development 是开发环境下的配置文件,仅在开发环境加载。
.env.production 是生产环境下的配置文件(也就是正式环境),仅在生产环境加载
以上三个文件命名不能变
二、.env.development
文件中的变量命名必须以VUE_APP_开头
比如VUE_APP_URL,VUE_APP_API
NODE_ENV = 'development'
VUE_APP_WEB_API = 'http://......'
三、.env.production
NODE_ENV = 'production'
VUE_APP_LOGIN_API = 'https://oauth.ums86.com'
VUE_APP_DC_API = 'https://dc-server.ums86.com'
四、 对应打包命令
npm run build //开发环境
npm run build:test //测试环境
npm run build:prod //生产环境
链接: https://www.jianshu.com/p/9bf2c5229585
链接: https://www.jb51.net/javascript/2933255vk.htm