Vue cli3 庫模式搭建組件庫并發布到 npm的流程

以下為參考設置

{
 "name": "vcolorpicker",
 "version": "0.1.5",
 "description": "基于 Vue 的顏色選擇器",
 "main": "lib/vcolorpicker.umd.min.js",
 "keyword": "vcolorpicker colorpicker color-picker",
 "private": false
 }

3、添加 .npmignore 文件，設置忽略發布文件

我們發布到 npm 中，只有編譯后的 lib 目錄、package.json、README.md才是需要被發布的。所以我們需要設置忽略目錄和文件。

和 .gitignore 的語法一樣，具體需要提交什么文件，看各自的實際情況。

# 忽略目錄
examples/
packages/
public/

# 忽略指定文件
vue.config.js
babel.config.js
*.map

4、登錄到 npm

首先需要到 npm 上注冊一個賬號，注冊過程略。

如果配置了淘寶鏡像，先設置回npm鏡像：

$ npm config set registry http://registry.npmjs.org

然后在終端執行登錄命令，輸入用戶名、密碼、郵箱即可登錄。

$ npm login

5、發布到 npm

執行發布命令，發布組件到 npm

$ npm publish

6、發布成功

發布成功后稍等幾分鐘，即可在 npm 官網搜索到。以下是剛提交的 vcolorpicker

總結

以上所述是小編給大家介紹的Vue cli3 庫模式搭建組件庫并發布到 npm，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com