当前位置: 首页 > Web前端 > HTML

仿探探卡片滑动vue打包发布到npm

时间:2023-04-03 00:53:03 HTML

项目初始化使用webpack-simple方法更方便,配置更简单。原方法谨慎进入vueinitwebpack-simplevue-card-slidecdvue-card-slidenpm运行dev工程结构如下更改webpack.config.js配置入口:'./src/lib/index.js',output:{path:path.resolve(__dirname,'./dist'),publicPath:'',filename:'vue-card-slide.js',library:'VueCardSlide',libraryTarget:'umd',umdNamedDefine:true}修改package.json"name":"vue-card-slide","description":"CarouselCardSlide的vue插件","version":"1.1.1","author":"carrie","license":"MIT","private":false,"main":"dist/vue-card-slide.js","repository":{"type":"git","url":"https://github.com/Carrie999/vue-card-slide/"}修改index.htmlsrc="/将dist/build.js"改为src="/dist/vue-card-slide.js"进行打包打包自己的插件上传到对应的git地址npmregisternpmloginnpmpublish打包上传成功//ES6引入importcardSlidefrom'vue-card-slide'//require引入varcardSlide=require('CardSlide')Vue.use(cardSlide)//使用组件中附带的git地址来戳我