前言

 

        现如今，前端开发已经从传统的手动引入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（）

 

控制台成功打印；