一、开发vue插件
1、初始化一个vue项目
vue init webpack-sample my-project
2、新建一个lib用于放置插件
3、开发插件
4、配置webpack.config.js
5、配置package.json
6、本地打包
切记不要使用本地图片素材之类的东西，在项目中使用的话路径会有问题。
当时把 npm run build 和 npm publish写在了一起，建议还是要分开，bild之后的文件连同原文件都会被提交到npm上。
先npm run build(不要使用cnpm或者yarn 打包)
打包完以后一定要把多余的文件删除，插件会默认去查找最外层的index.js 如果没有才会找package.json里面配置的main
需要上传的文件见下图：
二、上传到npm
具体参考别人的文章：https://www.cnblogs.com/guizimo/p/12505539.html#/cnblog/works/article/12505539
三、使用自己上传的包
npm install **** --save进行引入
具体使用方法和在本地开发的插件方式一样
网友评论