常见的打包环境

在这里插入图片描述

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

在这里插入图片描述

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

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

编写环境文件的注意事项

在这里插入图片描述

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

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐