鍍金池/ 問(wèn)答/Linux  HTML/ 如何開(kāi)發(fā)一款 Vue 插件在 NPM

如何開(kāi)發(fā)一款 Vue 插件在 NPM

我通過(guò) Vue 提供的插件注冊(cè)方法自己創(chuàng)建了一個(gè)“插件”在項(xiàng)目中，經(jīng)過(guò)長(zhǎng)期穩(wěn)健測(cè)試后，我想要將它轉(zhuǎn)出去生成一個(gè)單獨(dú)的 Vue 插件并發(fā)布在 npm 上，之前的項(xiàng)目使用vue cli。

我現(xiàn)在應(yīng)該如何配置 webpack 才能讓我的 Vue 插件能夠正常使用？
有沒(méi)有類似的 cli 可以讓我更方便的創(chuàng)建 vue 插件？

更新

想把 vue 插件封裝起來(lái)成 npm 包
需要單獨(dú)寫(xiě)一些 webpack 規(guī)則，并最終生成 xxx.js xxx.css 文件以提供給用戶使用。

回答
編輯回答
毀與悔

vue插件還是webpack插件？
vue插件可以直接export你的代碼，然后用的地方import+Vue.use(插件)即可

2018年2月12日 15:59
編輯回答
葬愛(ài)

參考發(fā)布npm包的流程
以及一個(gè)vue組件的栗子

2018年8月26日 07:25
編輯回答
乖乖噠

可以參考下vue-router, 然后 npm publish

然后就可以npm install你的插件

在main.js中Vue.use()執(zhí)行一下

====== update ========
你是想問(wèn)怎么把各個(gè)模塊打包成一個(gè)js文件和一個(gè)css文件是嗎？

2017年5月5日 06:05