npm包版本發布 刪除教程

2021-09-29 01:32:59 字數 1387 閱讀 1028

新建空資料夾,由於基於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...