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本地构建服务。