最近在接手公司外包项目时，遇到一些问题：
1、外包使用的第三方组件（Variant Form）里的基础组件，不满足公司的业务需求。
2、外包使用的第三方组件（Variant Form）不支持小程序解析，外包也没做解析。
3、外包使用的第三方组件（Variant Form）框架庞大，而且臃肿。

所以，我打算基于之前做的表单设计组件，打包成插件，在公司项目里使用，这样做有以下好处：
1、代码更简洁，框架更轻。
2、高自由、高扩展性。
3、自定义组件方便快捷。
4、界面UI更好看。

那么如何把一个VUE组件打包成一个NPM插件呢？

第一步：安装VUE脚手架

npm install -g vue-cli

第二步：创建一个webpack项目

vue init webpack-simple 项目名称

第三步：安装环境

npm i

第四步：复制vue文件到src目录，如下

第五步：修改main.js 为 index.js，在index.js里返回vue对象

第六步：修改package.json文件，去掉私有参数，name就是插件名，要唯一，如下

第七步：修改webpack.config.js文件，如下

第八步：打包 npm run build

第九步：登录npmjs，如果没有账号可以去注册一个，注册后根目录输入npm login

第十步：发布即可，npm publish

到这里，你就可以在项目中通过【npm i 插件名】 安装你的插件了，然后就可以使用了