vue-cli 3.0 不一样环境打不一样的包（开发/生产 环境）

实际开发项目当中，项目管理体系的完整程度对于开发工程师来讲很是的重要：

上周开发一个基于 vue 技术栈 的项目，须要开发和生产环境各自打包，便于测试工程师作测试环节的相关测试。
那这样，咱们就来捋一捋

1. 搭建脚手架开发环境：

   • 对于一个前端开发者来讲，这一点不是什么难事（这里就不作建立说明）

2. 根目录建立相应配置文件：

   • .env.development：配置开发环境及测试服务器接口 url

     

   • .env.production： 配置线上服务器接口 url
     

3. 根目录建立 vue.config.js，配置 outputDir

   • 如图：
     

4. package.json ——> scripts 中配置运行指令 devbuild

   • "devbuild": "vue-cli-service build --mode development"

     

5. 到这里咱们就已经完成的基本的配置

   • 固然修改了脚手架的核心配置，记得 npm run serve 重启服务器 ！！！
   • 试着执行 npm run build / npm run devbuild，看看咱们的文件根目录有什么变化
     

     到这里你会看到 devdist（开发环境包） 和 dist（生成环境包）
     是时候给测试工程师展示一波了 哈哈哈
     今天不知道怎么的的，排版调节很差，望各位理解一下 ！