vue-cli-service根据不同环境打包

我在使用vue-cli3创建项目后，在package.json中会自动生成npm run 会执行的脚本，今天在配置开发、测试和线上环境的时候，我突然发现，日常开发使用的serve脚本：后面写的是vue-cli-service serve，然后打包构建是，使用的vue-cli-service build，那么这二者有什么区别呢？

首先最直观的

npm run serve时会把process.env.NODE_ENV设置为‘development’；

npm run build 时会把process.env.NODE_ENV设置为‘production’；

(如果你需要新增mode，可以自己补充定义.env 文件，比如补充.env.test 文件，设置NODE_ENV="test"，然后在package.json脚本中补充"build:test": "vue-cli-service build --mode test"  然后打包时执行npm run build:test，其他的情况也可以按需添加)

那原理层面的内容是什么呢？感谢https://segmentfault.com/a/1190000020338771?utm_source=tag-newest 对于vue-cli-service的解释，我们可以看到，build和serve都是vue-cli-service在执行编译过程中引入的插件，读取完配置信息（vue.config.js中的有关配置）后再调用不同的插件方法进行，，记录一下~比较浅显倒是