新建空資料夾,由於基於vue封裝外掛程式,所以建議使用webpack-******模版專案來開發,vue init webpack-****** v-testnpm
cmd命令進入專案,並安裝依賴,執行模版
cd v-testnpm
npm install
npm run dev
在根目錄下的src資料夾中建立lib資料夾,lib作為我們的外掛程式目錄;
在src/lib下編寫我們的外掛程式v-testnpm.vue
}
在src/lib建立index.js
import vtestnpm from './v-testnpm.vue'
const comment =
}// 這裡的判斷很重要
if (typeof window !== 'undefined' && window.vue)
export default comment
在main.js中引入我們的外掛程式並註冊使用
import vue from 'vue'
import vtestnpm from './lib/index';
vue.use(vtestnpm);
new vue()
專案成功執行後,檢視實際效果
修改package.json檔案
將private改為false,增加main,main是打包後的入口檔案
修改webpack.config.js檔案
- entry:是入口檔案,src目錄下外掛程式lib的index.js檔案
-filename:/打包後輸出的檔案名字,這裡需要和package.json檔案下main應該寫為:『dist/v-testnpm.js』
打包外掛程式並上傳npm
npm run build
npm login
npm publish
–
最後我們在實際專案中,安裝自己的外掛程式使用就可以了
npm包,發布 更新 刪除教程
先登入npm使用者,執行 npm adduser or npm login username npm user name password email your email 複製 根據提示輸入正確的npm使用者名稱 密碼 郵箱,新增完後會預設登入 執行npm publish 複製 如果沒什麼問題,應...
發布npm包,刪除npm包
完成了上面的步驟之後,我們接下來要在www.npmjs.com註冊乙個賬號,這個賬號會被新增到npm本地的配置中,下面命令行將會使用到。前提已完成npm使用者的註冊 npm adduser username your name password your password email yourmai...
npm依賴包發布 更新版本 刪除
一 需要有乙個npm的帳號 官網 www.npmjs.com 二 第一次發包前提工作 在終端輸入npm adduser npm adduser 提示輸入賬號,密碼和郵箱,然後將提示建立成功 三 非第一次發包前提工作 在本地建立乙個檔案,把寫好的依賴放進去,cmd進入目錄,然後npm login np...