1.建立webpack-******類專案
vue init webpack-****** demo
2.目錄
3.編寫元件
packages/timer就是編寫的元件，跟普通元件無差別，這裡只是用於測試
4.修改package.json
畫紅線部分即是需要修改或新增的內容
5.修改webpack.config.js
畫橢圓紅線部分需要注意，畫方線部分需要修改或新增
6.在src目錄下新建index.js
8.npm version patch(更新時需要)
9.npm publish
自定義vue元件發布到npm
為什麼會有這個想法呢，主要是vue專案中自定義的元件在多個專案中使用。導致修改bug的時候，總是要在專案分支中修改，然後同步到主線上，這樣容易導致分支修改後沒有同步到主線，慢慢的就會導致元件版本不統一，而導致公升級元件很繁瑣，最後可能都要去維護多個元件的不同版本，這樣不是我們想要的。所以就打算將元件...
封裝vue元件並發布到npm上
1.使用webpack 模板建立乙個vue專案，命令 vue init webpack kingtreebtn 新建專案目錄如下 2.在src目錄下新建lib目錄存放元件原始碼 3.元件封裝完後新建元件出口檔案index.js，檔案內容如下 4.修改package.json檔案 5.修改webpac...
Npm 發布 Vue 元件教程
平時我們在開發的時候經常使用npm安裝各種元件。今天我們就來嘗試下製作乙個自己的元件發布到npm上。k progress npm install s k progress main.js import k progress import k progress dist k progress.css ...