脚本宝典收集整理的这篇文章主要介绍了如何配置 vue-cli 3.0 的 vue.config.js,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
vue-cli 3 英文文档
vue-cli 3 中文文档
webpack 4 plugins
webpack-chain
TLDR
vue-cli 3 与 2 版本有很大区别
由于 vue-cli 3 也学习了 rollup 的零配置思路,所以项目初始化后,没有了以前熟悉的 build 目录,也就没有了 webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件。
那么,我们该如何去配置自己的项目了?
其实这一切都是因为 vue-cli 3 的项目初始化,帮开发者已经解决了 80% ,甚至绝大部分情形下的 webpack 配置。
上述功能就是由 @vue/cli-service 依赖去处理,当你打开 node_modules 目录下 @vue 中的 cli-service 看一眼,是不是找到了熟悉的感觉?
说了这么多,开发者在实际开发过程中,肯定还有需要自己去修改配置的地方,那么,该怎么做了?
这点就需要在项目根目录下手动新建一个 vue.config.js,此处参考我提供的一个基础模板: