javascript中怎么開發一個NPM包

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

前言

        現如今，前端開發已經從傳統的手動引入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（）

控制臺成功打印；

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