如何通过Vue CLI插件开发，轻松掌握自定义Vue项目构建技巧？

本文共计2408个文字，预计阅读时间需要10分钟。

前言：如果你正在使用Vue框架，那么你一定知道Vue CLI是什么。

Vue CLI+3，它是Vue.js开发的标准化工具（脚手架），提供项目支持和原型设计。

除了日常构建和打包项目，Vue CLI3的一个重要部分是：

前言

如果你正在使用Vue框架，那么你肯定知道Vue CLI是什么。Vue-cli 3，它是Vue.js 开发的标准工具（脚手架），提供项目支架和原型设计。

除了日常构建打包项目，Vue CLI3 的一个重要部分是cli-plugins，插件开发。

本文将教你如何科学的创建一个Vue-CLI 插件，以及项目独立npm包。

1. 什么是CLI plugin

它可以修改内部webpack配置并将命令注入到vue-cli-service。一个很好的例子是@vue/cli-plugin-typescript：当你调用它时，它会tsconfig.json为你的项目添加一个并更改App.vue类型，整个过程不需要手动执行。
插件非常有用，但有很多不同的情况: Electron构建器，添加UI库，如iview或ElementUI ....如果你想为某个特定的库提供一个插件但却不存在呢？这时候，构建一个属于自己项目的插件就是个不错的选择。

在本文中，我们将构建一个vue-cli-plugin-rx。它允许我们向项目添加vue-rx库，并在我们的Vue应用程序中获得RxJS支持

2. Vue-cli插件目录结构

CLI 插件是一个可以为 @vue/cli项目添加额外特性的 npm 包。