首先問題：開發中我們往往需要做某些功能，這個功能可能會出現很多次，也會出現在不同的項目。需要使用時候又不想重新寫，怎麼辦呢？
解決思路: 把這個特殊的需求功能做成屬於自己的組件，當下次需要的我們之間去使用它。那麼我們就打包他上次到管理庫npm
1.首先你要把你的想打包的項目寫完，或者不會報錯情況下進行。
- 修改你項目主目錄下的package.json文件在文件添加一個程序的入口配置 如圖：還有記得修改private 爲 false
2.修改項目目錄 -》bulid -》webpack.prod.conf.js文件 如圖：
需要注意的 libraryTarget 的umb 是寫死的，原因是什麼，可能要問npm官方了。
3.第三步。修改 config -》index.js 文件 如圖
第4步。修改main.js 在此文件中添加你的功能組件並export導出
/* 封裝的功能組件 */ import VueHzf5Package from './components/divImgBox.vue' /* 導出 */ export default VueHzf5Package
第5步.現在所有配置修改該的地方已經差不多，那麼我們可以進行打包了。命令：
npm run build
打包成功後這樣。注意檢查是否打包成功，
6.最後一步.發佈到npm上。首先先登錄並郵箱驗證：命令
npm login 回車。
之後輸入你的賬號、密碼、郵箱。（如果沒有賬號則去npm官網註冊很簡單：官方網站）
登錄成功後就可以上次你的組件了 命令：npm publish ；
吶。大功告成。我的web520項目 1.0版本成功上傳上去了。注意上傳成功，需要10分鐘後才能下載應用使用
10分鐘後去別的項目引用 指令 ：npm install --save-dev web520 (web520是你上傳後的包名)
之後就在你項目main.js improt 導入進來當組件使用吧。
謝謝。大佬觀看，有問題請下面評論反饋謝謝。