-
前言
現如今，前端開發已經從傳統的手動引入cdn資源變為工程化開發體系，引入外部資源都是通過npm安裝依賴，匯入依賴后進行使用，如何開發一個npm依賴包，其實并不難，本文將介紹怎么去開發一個簡單的npm依賴包，開發完畢并上傳npm平臺，就可以在專案中安裝使用了，
-
注冊npm
如果想要開發的npm依賴包被別人下載進行使用，需要把最終開發完成的專案上傳到npm平臺上進行管理，就要先去到npm平臺進行注冊賬號，注冊流程很簡單，
-
創建專案
- 新建檔案夾 javascript-test (名字可自定義)；
- 在 javascript-test 終端控制臺，執行 npm init ，根據提示填寫，最后生成一個package.json專案說明檔案；
{ "name": "javascript-test", "version": "1.0.0", "description": "npm-test", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [ "npm-test" ], "author": "獵碼士", "license": "ISC" } - 在 javascript-test 根目錄創建 index.js 檔案，即專案入口檔案，對應的是 package.json 檔案中 main 配置；
function init () { console.log('Hello World!') } export { init }
- javascript-test 終端控制臺執行 npm login ，根據提示輸入賬號密碼登錄npm；
- 登陸成功后，執行 npm publish 執行發布即可(注：package.json檔案中的 name 配置是npm依賴包名，不能和npm平臺下的依賴包名重名，否則發布失敗)；
- 發布成功后，在npm平臺下，就可看到自己的依賴包了；
-
安裝使用
- 在另一個專案中執行 npm install javascript-test --save 安裝自己開發的依賴包，安裝成功后，可在 node_modules 中看到；
- 匯入 init 并執行此方法；
import { init } from "javascript-test"; init() - 控制臺成功列印；
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/386607.html
標籤：其他