vue package.json scripts
第一章 vue package.json scripts 脚本配置
前言
最近项目在测试和正式来回切换,为了不用一直不停打包在百度上查阅资料后找到方法,顺便加深下记忆。
一、在根目录创建 .env.development 和 .env.production
.env.development
# 正式环境
ENV = 'production'
VUE_APP_ENV = 'production'
.env.development
# 开发环境
ENV = 'production'
VUE_APP_ENV = 'production'
在根目录创建 .env.development 和 .env.production。.env.development 代表的在dev也就测试环境, .env.production代表prod打包正式环境。
二、修改 package.json
"scripts": {
"dev": "vue-cli-service serve",
"dev:prod": "vue-cli-service serve --mode production",
"build:prod": "vue-cli-service build",
"lint": "eslint --ext .js,.vue src",
"build:stage": "vue-cli-service build --mode staging"
},
在 package.json scripts 中增加 “dev:prod”: “vue-cli-service serve --mode production”。顺便再vue.config.js 中打印一下当前的环境