打包资源文件
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】。官方解释如下:
image.png
网友评论