vue-cli 3.0.3，配置基本环境及打包
Posted lankongclub
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-cli 3.0.3，配置基本环境及打包相关的知识，希望对你有一定的参考价值。
从新建项目到设置打包环境
1.vue create vue-cli-env
2.新建 vue.config.js 文件，设置baseUrl: ‘./‘
3.新建各个环境的文件，例如：.env.development .env.test .env.production
4.在 package.json 中设置打包命令，例如：build:development build:test build:production，在执行命令的语句中设置 mode 环境，例如：--mode test
关于环境变量的注意事项
* 环境名应该与环境文件统一
* 环境文件放置根目录下
* 除了 baseUrl 和 NODE_ENV 其他环境变量使用 VUE_APP 开头
gitlab地址：https://github.com/lankongmoxing/vue-cli-3.0.3-build-env
以上是关于vue-cli 3.0.3，配置基本环境及打包的主要内容，如果未能解决你的问题，请参考以下文章
vue-cli2 测试环境打包后的项目样式与正式环境打包后的样式不一致
vue项目(vue-cli)配置环境变量和打包时区分开发测试生产环境
vue-cli 2.x 多环境打包配置，根据打包命令生成不同的打包文件名