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的值了
具体实现:

  1. 创建.env.[mode]文件【比如uat模式的文件:.env.uat】
  2. build时指定mode(比如uat): npx vue-cli-service build --mode uat
  3. 在代码里通过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
上一篇 下一篇

猜你喜欢

热点阅读