Vue-cli@3.0 插件系统简析

当你使用 前 2 个脚本命令是项目本地安装的 @vue/cli-service 所提供的基于 webpack 及相关的插件进行封装的本地开发/构建的服务。这 2 个命令对应于 在 serve.js 和 build/index.js 的内部分别暴露了一个函数及一个 defaultModes 属性供外部来使用。事实上这两者都是作为 built-in（内置）插件来供 vue-cli-service 来使用的 。说到这里那么就来看看 @vue/cli-service 内部是如何搭建整个插件系统的。在 lib/Service.js 内部定义了一个核心的类 Service，它作为 @vue/cli 的运行时的服务而存在。接下来我们先看下 在这个 resolvePlugins 方法当中，主要完成了对于 @vue/cli-service 内部提供的插件以及项目应用当中需要使用的插件的加载，并将对应的插件进行缓存。