vue-cli-service build 自定义参数
2021-01-20 本文已影响0人
杨依_1
打包资源文件
npx vue-cli-service build
打包资源如何传参数:
工具:使用vue-cli-service 依赖的dotenv模块实现参数定义和读取
原理:dotenv的作用:把环境变量从.env文件加载到process.env里。所以在代码里就可以通过process.env.VUE_APP_XX访问自定义的VUE_APP_XX的值了
具体实现:
- 创建.env.[mode]文件【比如uat模式的文件:.env.uat】
- build时指定mode(比如uat): npx vue-cli-service build --mode uat
- 在代码里通过process.env.key1就可以访问.env.uat定义的key1的值了
vue-cli-service build命令解析
// build 参数
--mode //指定环境模式 默认是production;即process.env.NODE_ENV的值是production
--dest // 指定打包资源的输出路径 默认是dist
...
指定自定义mode注意事项
使用build 指定了自定义了环境模式【非production的】,记得在环境文件指定NODE_ENV=production,不然打包时不会按配置的production模式的参数去打包。【比如生成的资源文件没有hash】。官方解释如下:
![](https://img.haomeiwen.com/i7706495/fe7fe6efbb77927f.png)