温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

javascript中怎么开发一个NPM包

发布时间:2022-03-03 10:42:06 来源:亿速云 阅读:153 作者:iii 栏目:web开发

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI