javascript中怎么開發(fā)一個NPM包

這篇文章主要介紹“javascript中怎么開發(fā)一個NPM包”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“javascript中怎么開發(fā)一個NPM包”文章能幫助大家解決問題。

前言

        現(xiàn)如今，前端開發(fā)已經(jīng)從傳統(tǒng)的手動引入cdn資源變?yōu)楣こ袒_發(fā)體系，引入外部資源都是通過npm安裝依賴，導(dǎo)入依賴后進行使用。如何開發(fā)一個npm依賴包，其實并不難。本文將介紹怎么去開發(fā)一個簡單的npm依賴包，開發(fā)完畢并上傳npm平臺，就可以在項目中安裝使用了。

注冊npm

        如果想要開發(fā)的npm依賴包被別人下載進行使用，需要把最終開發(fā)完成的項目上傳到npm平臺上進行管理。就要先去到npm平臺進行注冊賬號，注冊流程很簡單。

創(chuàng)建項目

新建文件夾 javascript-test （名字可自定義）；

在 javascript-test 終端控制臺，執(zhí)行 npm init ，根據(jù)提示填寫，最后生成一個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 根目錄創(chuàng)建 index.js 文件，即項目入口文件，對應(yīng)的是 package.json 文件中 main 配置；

function init （） {

  console.log（'Hello World!'）

}

export { init }

javascript-test 終端控制臺執(zhí)行 npm login ，根據(jù)提示輸入賬號密碼登錄npm；

登陸成功后，執(zhí)行 npm publish 執(zhí)行發(fā)布即可（注：package.json文件中的 name 配置是npm依賴包名，不能和npm平臺下的依賴包名重名，否則發(fā)布失?。?；

發(fā)布成功后，在npm平臺下，就可看到自己的依賴包了；

 安裝使用

在另一個項目中執(zhí)行 npm install javascript-test --save 安裝自己開發(fā)的依賴包，安裝成功后，可在 node_modules 中看到；

導(dǎo)入 init 并執(zhí)行此方法；

import { init } from "javascript-test";

init（）

控制臺成功打?。?/p>

關(guān)于“javascript中怎么開發(fā)一個NPM包”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。