VUE插件制作并发布NPM

一，建立项目

      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