今天我們向大佬學習，走一波大佬的路
簡單的目錄結構
通過npm init命令，建立package檔案
"name": "vue-component-button",
"version": "0.0.2",
"description": "vue component button demo",
"main": "dist/index.js",
"scripts": ,
"author": "sy",
"license": "mit",
"devdependencies": ,
"dependencies": {}
}當然了，這個我是沒有了，我這裡用隨便乙個簡單的湊個數吧
在src資料夾中建立乙個 mbutton.vue 檔案，內容如下：
在src資料夾中再建立乙個index.js檔案,將元件暴露出去
通過命令npm run build
當然執行的前提是你已經在package.json檔案中編寫好了相應指令碼
執行命令npm publish，這是在你已經有乙個npm賬號的情況下，如果沒有需要註冊乙個
如果你現有的元件存在小bug，需要同步更改到npm上，你可以在打包後，更改版本號，再執行發布命令
如果你的name命令和npm中已有包命名重複也是不會發布成功的，修改一下就好
拓展問題：
– 知識點來了 –
要想發布到npm上，你要先註冊npm賬號
– 注意問題 –
如果你曾經使用過**映象，需要切換到官方源
**源---->官方源
npm config set registry
官方源---->**源
npm config set registry
檢視當前使用源
封裝vue元件並發布到npm上
1.使用webpack 模板建立乙個vue專案，命令 vue init webpack kingtreebtn 新建專案目錄如下 2.在src目錄下新建lib目錄存放元件原始碼 3.元件封裝完後新建元件出口檔案index.js，檔案內容如下 4.修改package.json檔案 5.修改webpac...
如何將iview封裝成自己的元件庫
因為專案ui風格改版，iview提供的的定製主題滿足不了需求，有些元件需要更改結構，所以需要對iview進行二次開發，封裝成公司內部的元件庫。從github clone iview源 看一下它的各種配置檔案尤其是package.json和.babelrc，與本地專案作比較，適當合併一下，之後刪除不必...
nextjs 如何將靜態資源發布到 CDN
nextjs 是基於 react 的服務端同構指出框架，在使用的過程中也多多少少遇到過幾個問題，其中最大的問題就是靜態資源的發布了。按照官網上的說法，每次發布都會生成新的 hash 路徑，即使當前沒有任何的變動。例如某次發布的路徑是 next static tzonugey gpceexgbfapl...