vue启动一个项目的时候,需要执行npm run serve,其中这个serve的内容就是vue-cli-service serve。接下来我们一起看看service中主要写了什么东东(主要内容以备注形式写到代码中。vue-cli-service.jsService.js上面实例化并调用了service的run方法,这里从构造函数到run一路浏览即可。这里主要是连接了plugin的注册和service实例。抽象过的代码如下通过vue-cli-service中的new Service,加载插件信息,缓存到Service实例的plugins变量中。当得到命令行参数后,在通过new Service的run方法,执行命令。该run方法中调用了init方法获取到项目中的配置信息,例如用户的配置在vue.config.js中。init过程中通过pluginAPI这个类,将service和插件plugins建立关联。关系存放到service.commands中。

vue-cli系列之vue-cli-service整体架构浅析

vue-cli系列之vue-cli-service整体架构浅析

vue-cli系列之vue-cli-service整体架构浅析

vue-cli系列之vue-cli-service整体架构浅析

vue-cli系列之vue-cli-service整体架构浅析

vue-cli系列之vue-cli-service整体架构浅析