我這裡是寫了乙個vue輪播圖外掛程式，因此我使用了vue的腳手架工具建立乙個專案，當然你也可以選擇自己搭建腳手架。
本例中我會使用vue腳手架建立乙個專案，並發布到npm上面去。
全域性安裝
首先，要建立專案，封裝vue的外掛程式用webpack-******很合適，因此你需要全域性安裝@vue/cli-init外掛程式：
yarn global add @vue/cli-init
//或者
npm install @vue/cli-init -g
vue init webpack-****** vue-test-plugin初始化目錄；vue-test-plugin是專案名稱，也是新建專案的目錄。
然後我使用全域性安裝失敗了，那麼我就使用區域性安裝把。
區域性安裝
新建d:/testtest資料夾，區域性安裝@vue/cli-init外掛程式：
yarn add @vue/cli-init
//或者
npm install @vue/cli-init
vue-test-plugin專案：
./node_modules/.bin/vue init webpack-****** vue-test-pluginenter直到專案建立完成。建立完成後的目錄如下：
在./src/目錄下實現你自己的功能，我的功能實現完了之後如下：
./src/lib/banner.vue：是主功能檔案
./src/lib/index.js：
import vuebanner from './banner.vue'
const plugin =
}// 這裡的判斷很重要
if (typeof window !== 'undefined' && window.vue)
export default plugin
如果外部使用
yarn build
//或者
npm run build
packge.json檔案中的main中的路徑，我這裡是：dist/vue-test-plugin.js，因此會去讀取這個檔案，所以需要打包。
如果發布過程**現此問題是因為使用了**映象，需要切換成原來的映象，發布成功後，再切回來。
檢查是否使用了**映象
npm config get registry如果出現如上結果，繼續下一步
切換成原來的npm源
npm config set registry=npm publish發布npm包。
切回**映象
npm config set registry=2019-05-31 17:30
daivdandlemon 閱讀(
...)
編輯收藏
npm發布乙個包
我們已經實現了路由的自動化構建，但是我們可以看到，一大串 懟在裡面。當然你也可以說，把它封裝在乙個js檔案裡面，然後使用require autoroute.js 給引入進來，那也行。但是，為什麼不把心放大一點呢？比如說，我們把它做成乙個npm包！最初自己做的時候就是這種直接引入封裝的js檔案裡，可以...
如何發布乙個 npm 包
在工作時，突然接到經理的乙個要求，需要將乙個react的高階元件函式封裝成乙個npm包。之前從沒弄過，當場還是有些懵逼的，但是這畢竟是工作，不能推脫。於是開始了學習 湯坑之旅。最終包發布，線上專案成功使用，雖然導致了一次線上故障，但還是快速地fix掉。吃一塹長一智，記錄一下整個發布的過程和遇到的一些...
如何通過npm發布乙個包
如何通過npm發布乙個包？建立模組。建立模組，package.json 檔案是必不可少的。我們可以使用 npm 生成 package.json 檔案,包含模組基本資訊。指令 npm init 強制所有選項選擇預設值，可以使用命令 npm init y 建立發布模組的主體內容 如果沒有賬號可以先註冊 ...