一、前情提要
本篇文章以我自己開發的一個 library - vue-component-sandbox作為範例,說明發佈 javascript程式到 npm上面所需的相關步驟及設定。
以這個範例來說,vue-component-sandbox的主程式是一個 Vue.js 的 Component,我希望除了將主程式發布到 npm上以外,還希望能建立一個簡單的展示頁面,所以我選擇用vue-cli建立專案,把主程式和展示網頁放在相同專案裡。整個專案我推上Github並使用Github Pages布署靜態的展示頁面,並將Component檔案所在的資料夾發布至npm。
依照上述需求,本文重點有二:
- 發布至npm的相關設定及方式
- 推上Github及布署範例網頁(Github Pages)