在項目中有些組件在各個項目中都會調用,那么將組件發布到npm ,用到的項目去下載,這樣會省去一些不必要的麻煩。
將組件發布到npm 中的步驟 做個記錄
1.項目的創建,我這里使用 vue init webpack-simple 項目名
2修改文件目錄 , 創建 components 文件夾 創建 main.vue 在根目錄創建 index,js
3.修改文件內容 和配置
main.vue是一個組件 就按照組件的格式去寫
index.js 的內容
注意引用的組件中一定要寫name 屬性
在組件中 最好使用../../ 這種方式去引用其他文件
4.修改 package.json
private 這個字段設置為false 這樣才能發包的時候成功
main 是指定執行的目錄文件 也就是build 后生成的文件目錄
5 ,修改webpack.config.js 文件
這樣生成的文件 就能發布到 npm
6 發布npm
1.去 npm 官網注冊個賬號 https://www.npmjs.com/
2.我使用的 yarn 后面的的命令使用 yarn 在項目的根目錄中 yarn login 會讓那你輸入 npm 注冊的用戶名 郵箱 和密碼
登錄后顯示
3登錄成功后 可以發布 yarn publish 中間會讓你輸入密碼 然后就發布成功了,
4.成功后就會在 npm 網站上看到你剛上傳的項目
5.發布之前 會在 npm 有個郵箱驗證 驗證后就可以發布了
6.如果開啟了雙重驗證的話 ,需要在發布的時候 命令行 添加驗證的密令
7.要使用您的npm帳戶啟用2FA,您將需要一個可以生成一次性驗證碼OTP的應用程序。Authy或 Google Authenticator可以生成一次性驗證碼(OTP)。將應用程序安裝在手機上。我使用的是 authenticator
8.在發布的時候添加上 后面的參數,要記得修改自己發布的版本號