webpack版本是1.13.1
自己寫的VUE組件，上傳到npm，然后通過npm install xxx -S 安裝到
package.json里面的 “dependencies”位置
然后在main.js引用，就可以直接使用我們的自定義組件了。
import lccomponents from 'lc-components' Vue.use(lccomponents)
首先：先用vue-cli腳手架搭建一個項目（這樣的好處可以本地調試組件）
vue init webpack lc-components
如下圖：紅色框是組件源代碼，綠色框是腳手架自動生成的。
在components里面(也就是紅色框)，命令行執行npm init，創建package.json，
自定義webpack.config.js來最終把組件打包成JS。
如下圖：是package.json設置
為了節省空間，webpack.config.js就到github上找，最后上傳地址
自定義組件，寫好的組件全部到放到Index.js上面
下圖的.babelrc里面的配置，是ES6轉換ES5，不然會報錯
本地調試沒問題，就直接npm run build打包（因為我們引用的是打包后的代碼），webpack.config.js已經配置好了（目前的配置是CSS,JS沒有分開）
打包到dist文件夾。
上傳到npm
先注冊https://www.npmjs.com
在components文件夾（紅色框的package.json目錄下），打開命令行，
執行：
1、npm adduser
2、然后要求輸入用戶名、密碼、注冊時填的郵箱。
3、然后輸入npm publish即可（發布成功有郵件通知，每次更改package.json的version版本號）
最后引用我們的組件了
1、npm install lc-components -S
（lc-components 這個名字，是來自package.json里面的“name”值）
2、在main.js里面引入
import lccomponents from 'lc-components'
Vue.use(lccomponents)
3、在要使用的地方，直接使用組件
<lc-round :bgColor="bgColor" :top="topDistance"></lc-round>
傳送門：看不懂的有以下鏈接參考
https://www.uis.cc/2017/10/13/How-to-publish-your-Vue-component-on-NPM/
https://blog.csdn.net/u012857153/article/details/73649022
https://github.com/Summer-Lin/vue-components（本人的組件模板，模板改進的地方很多，比如JS和CSS分離，我里面用的是LESS）
偷懶的話，可以把代碼下載下來，然后在components里面寫上自己的組件，最后引入到index.js就好
別忘記npm run build 打包了再上傳。