vue-cli3分环境打包

• Z时代
• 2024-01-10
• 分类：综合

1.package.json添加命令

scripts": {

“dev”: “vue-cli-service serve”, //本地运行时process.env.NODE_ENV ===‘development’(默认)

“build:pre”: “vue-cli-service build --mode pre”, //dev模式下打包(测试服打包)，process.env.NODE_ENV的值为’.env.dev文件中NODE_ENV声明的值’

“build”: “vue-cli-service build” //正式服打包，process.env.NODE_ENV ===‘production’(默认)

}

2. 在项目根目录添加文件.env.‘名称’ 文件,定义环境变量(分环境打包根据该变量来实现)

3.多环境下的应用(以不同生产环境下的域名地址举例)

process.env.NODE_ENV == ‘development’？devUrl:netUrl

4. 打包命令

npm run build:pre 测试环境

npm run build 正式环境

以上是 vue-cli3分环境打包 的全部内容， 来源链接： utcz.com/z/377617.html