Open XiZev opened 3 years ago
初识项目时，发现在 packages.jon中执行 npm run dev 其实就是 vue-cli-service serve，这与 vue-cli2 有所区别。找来找去没发现 webpack 的配置，那么为什么可以零配置的情况下跑起webpack？带着疑惑探索，发现 vue-cli3将webpack的基础配置全部内嵌了，并且预留了一个 vue.config.js 的js文件供我们对webpack进行自定义配置。
packages.jon
npm run dev
vue-cli-service serve
vue.config.js
vue-cli3拥有良好的插件系统，通过vue-cli内置插件以及外部插件作用，动态修改webpack配置，使得在零配置webpack的基础上，也有高扩展性。 整个插件系统当中包含2个重要的组成部分：@vue/cli以及@vue/cli-service。@vue/cli提供cli服务，比如vue create。@vue/cli-service提供本地开发构建服务，比如vue-cli-service serve。这里我们分析下@vue/cli-service本地构建服务。
背景
初识项目时，发现在
packages.jon中执行npm run dev其实就是vue-cli-service serve，这与 vue-cli2 有所区别。找来找去没发现 webpack 的配置，那么为什么可以零配置的情况下跑起webpack？带着疑惑探索，发现 vue-cli3将webpack的基础配置全部内嵌了，并且预留了一个vue.config.js的js文件供我们对webpack进行自定义配置。vue-cli3拥有良好的插件系统，通过vue-cli内置插件以及外部插件作用，动态修改webpack配置，使得在零配置webpack的基础上，也有高扩展性。 整个插件系统当中包含2个重要的组成部分：@vue/cli以及@vue/cli-service。@vue/cli提供cli服务，比如vue create。@vue/cli-service提供本地开发构建服务，比如vue-cli-service serve。这里我们分析下@vue/cli-service本地构建服务。