一,建立项目
1,vue init webpack-simple npmvue //npmvue为项目名称
2,src目录下,建 立LIB文件荚,并在LIB下建立INDEX.JS,这是插 件主入口,如下图:
3,插件入口,index.js就是插 件的主入口,我引入了一个测试组件component.vue,具体插件怎么制作,自行VUE官网查阅
自己可以在本地进行测试,在main.js中,
import npmgl from "./lib/index.js"
Vue.use(npmgl)
一切正常后,可以来配置插件
二,配置插件
这个比较重要
三,发布插件
注册NPM账号,cd进入项目根目录,npm publish
四,下载使用
cnpm install npmvue_gl
页面引入:
webpack.config.js设置library:'npmvue_gl',libraryTarget:'umd',后才可在页面中用script标签引入,并且package.json中main:的指向地址应该是打好包的JS地址(‘dist/npmvue.js’)
https://unpkg.com/npmvue_gl /dist/npmvue_gl .js