前端—如何开发一个NPM包(javascript语言)

  • 前言

        现如今,前端开发已经从传统的手动引入cdn资源变为工程化开发体系,引入外部资源都是通过npm安装依赖,导入依赖后进行使用。如何开发一个npm依赖包,其实并不难。本文将介绍怎么去开发一个简单的npm依赖包,开发完毕并上传npm平台,就可以在项目中安装使用了。

  • 注册npm

        如果想要开发的npm依赖包被别人下载进行使用,需要把最终开发完成的项目上传到npm平台上进行管理。就要先去到npm平台进行注册账号,注册流程很简单。

  • 创建项目

  1. 新建文件夹 javascript-test (名字可自定义);
  2. 在 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"
    }
    
  3. 在 javascript-test 根目录创建 index.js 文件,即项目入口文件,对应的是 package.json 文件中 main 配置;
    function init () {
      console.log('Hello World!')
    }
    
    export { init }
    

  4. javascript-test 终端控制台执行 npm login ,根据提示输入账号密码登录npm;
  5. 登陆成功后,执行 npm publish 执行发布即可(注:package.json文件中的 name 配置是npm依赖包名,不能和npm平台下的依赖包名重名,否则发布失败);

  6. 发布成功后,在npm平台下,就可看到自己的依赖包了;

  •  安装使用

  1. 在另一个项目中执行 npm install javascript-test --save 安装自己开发的依赖包,安装成功后,可在 node_modules 中看到;

  2. 导入 init 并执行此方法;
    import { init } from "javascript-test";
    init()
  3. 控制台成功打印;

 

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>