vue 配置不同打包环境(分享)

文章目录

      • 常见的打包环境
      • 编写环境文件的注意事项

常见的打包环境

在这里插入图片描述

  • .env 是全局环境,一般用于开发环境(可以使用其他环境去覆盖相同配置)
  • .env.production 是生产环境
  • .env.test 是测试环境

在这里插入图片描述

  • serve 对应的开发环境
  • build 对应生产环境
  • test 对应的测试环境

标注:需要通过 --mode 去匹配对应的环境文件,而开发环境不需要配置
测试环境不会生成 css 文件,而是每个组件生成对应的 js 文件

编写环境文件的注意事项

在这里插入图片描述

  • NODE_ENV:用于匹配环境,一般与环境文件名称对应,不然会出现问题,比如生产环境我写成 NODE_ENV=production.666 他就不是按照生产模式打包
  • VUE_APP_xxx_xxx:自定义字段名称,可以设置任意变量,可以通过process.env获取

你可能感兴趣的:(vue,vue.js,前端)