美文网首页
vue-cli-service build 自定义参数

vue-cli-service build 自定义参数

作者: 杨依_1 | 来源:发表于2021-01-20 15:26 被阅读0次

打包资源文件

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

相关文章

网友评论

      本文标题:vue-cli-service build 自定义参数

      本文链接:https://www.haomeiwen.com/subject/nmjkzktx.html