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包”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程网行业资讯频道，小编每天都会为大家更新不同的知识点。