npm發布元件

2021-10-05 03:36:40 字數 478 閱讀 1993

vue-cli建立vue專案以及配置檔案梳理

一、vue打包後靜態資源路徑

設定config/index.js檔案裡build部分的assetspublicpath: 『. /』

二、vue打包後部分路徑不對

設定build/utils.js檔案裡cssloaders部分的publicpath:』…/…/』

1.註冊npm賬號

前往npm官網註冊乙個賬號,記好賬戶名、密碼和郵箱(郵箱收到郵件後一定要進行驗證)。

2.源切換

npminstall -g cnpm --registry=

但是發布時我們一定要把源切換回npm,而不是**源,當然,直接執行下面這個命令即可解決:

npm config set registry=

3.登入

npm login

Npm 發布 Vue 元件教程

平時我們在開發的時候經常使用npm安裝各種元件。今天我們就來嘗試下製作乙個自己的元件發布到npm上。k progress npm install s k progress main.js import k progress import k progress dist k progress.css ...

npm發布元件 造輪子

目錄結構 由於修改了src資料夾,啟動vue專案後,找不到入口 main.js 會報錯,所以需要重新指定啟動入口 a.youngform 是乙個資料夾,下面有 dynamicform.vue 和 index b.dynamicform.vue 是元件 export default export de...

封裝vue元件庫,發布npm

元件庫的開發和平時專案中元件的開發過程是一樣的,不同的是元件庫作為乙個外掛程式使用,使用vue.use 註冊外掛程式。vue.use方法可以接收乙個函式,如果是函式會直接呼叫這個函式 可以傳入物件,傳入物件,會呼叫這個物件的install方法。vue規定外掛程式應該暴露乙個install方法。這個方...