后台项目中使用了element-ui，里面使用了弹窗组件，但是效果不理想，所以想写一个简单的弹窗组件。已经发布到npm：可以通过npmidialog-wxy-s下载并使用页面调用效果：在线查看实现步骤第一步搭建vue简单项目vueinitwebpack-simpledialog-wxy新建好工程，放到src同层目录下新建文件夹lib编写源码：如图：开始代码插件编写，参考https://cn.vuejs.org/v2/guidefordetails...这里我们终于暴露了：exportdefault{install(Vue,options){Vue.prototype.$alert=Alert}}使用main.js时，直接使用Vue.use()即可，所以我们可以在vue的原型链中加入$alert()方法，vue文件通过这个。$alert({})，你可以调用它！插件具体内部实现可以在github上找到：插件源码修改配置文件修改webpack.config.js文件中对应的输入，输出：entry:'./lib/index.js',输出：{path:path.resolve(__dirname,'./dist'),publicPath:'/dist/',文件名:'dialog-wxy.js',library:'dialog-wxy',libraryTarget:'umd',//很重要，保证被import引用umdNamedDefine:true}，修改package.json修改这些地方："license":"MIT","private":false,"main":"dist/dialog-wxy.js”，private设置为public，main为主入口发布设置好后，我们就可以发布了。首先，注册一个npm账号，然后打开本地的gitbash，输入npmlogin：根据提示：输入名称、密码、邮箱：在插件目录下，编译vue：npmrunbuild,compile完成，发布：npm发布成功上线体验插件使用效果
