開發vue插件並發布到npm包管理工具的流程


1-10是開發流程,后面的是發布流程

1. 在Git里面…新建項目

 

2. 克隆項目到本地用來開發

  git clone https://github.com/***/vue-prevent-browser-back.git

3. 運行命令行,初始化項目,生成package.json    

  npm init –y

4. npm install 安裝包

5. 在安裝vue-cli的情況下執行 

  vue-init webpack-simple創建項目結構

      

6. 刪除多余文件 index.html清空src文件夾內容

      

7.  把插件內容復制到src

     

8. 修改package.json配置內容

    

      

9. 修改webpack.config.js的output部分配置  

     

     

10. 打包輸出插件 npm run build 

  有的插件不需要打包直接把代碼復制到dist文件就好了

     

11. 去注冊npm賬號

   https://www.npmjs.com/

12. 發布前要配置要發布的內容,要不會把各種亂七八糟的文件都發布了

a. 使用 .npmignore 設置忽略哪些文件

  如果項目沒有使用 git或者 沒有 .gitignore 文件, 那么可以添加 .npmignore 文件來設置忽略哪些文件,.npmignore 的寫法跟 .gitignore 的規則完全一樣。 需要注意的是如果同時使用了 .npmignore 和 .gitignore 的話, 只有 .npmignore 會生效, 優先級比較高。

b. 使用 package.json 的 files 字段選擇發布哪些文件

  上面兩種方式都是設置忽略哪些文件, 有時可能只想發布編譯打包后的幾個文件或者目錄, 如果按照上面的設置會很麻煩, 這是可以直接在 package.json 中 files 字段設置發布哪些文件或目錄, 這樣的話, 只有這些目錄或文件才會被publish.
同時需要說明的是這里的優先級是高於 .npmignore 和 .gitignore 的。

c. npm默認帶了一些規則

  除了上面的規則外, npm還有一些內置的規則,會被自動忽略的文件有 

   

  node_modules下的所有文件也會被忽略。另外還有一部分文件會被包含, 即便設置忽略也無效, 這些文件有

    

   黑名單模式:.npmignore文件,沒有.npmignore情況下使用.gitignore文件。

   白名單模式:package.json里邊配置files字段

   

 

 

   

13. 發布  先登錄 然后版本號必須跟之前發布的不一樣才可以

14. 登錄npm: npm login 

15. 發布:npm publish

 

遇到的問題:

1. npm ERR! you must verify your email before publishing a new package: https:/

 就是沒有通過驗證就發包 結果報錯了

得通過郵件驗證下

2 . npm err  You must be logged in to publish packages. : vue-prevent-browser-back

解決:包名被占用,package.json改一個。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM