【Node.js】模块化:


1、模块化的基本概念

在这里插入图片描述

2、Node.js 中模块化
【1】Node.js 中模块的分类

在这里插入图片描述

【2】加载模块

在这里插入图片描述

【3】模块作用域

【3-1】模块作用域
在这里插入图片描述
【3-2】模块作用域好处
在这里插入图片描述

【4】向外共享模块作用域中的成员

【4-1】 module 对象
在这里插入图片描述
【4-2】 module.exports 对象

module.exports默认导出为{}

在这里插入图片描述
【4-3】 共享成员时的注意点
在这里插入图片描述
【4-4】exports 对象
在这里插入图片描述
【4-5】exports 和 module.exports 的使用误区
在这里插入图片描述

【5】模块化规范

在这里插入图片描述

3、npm与包(包/依赖/插件)
【1】包的基本知识:

【npm官网】https://www.npmjs.com/
【npm下载包官网】 https://registry.npmjs.org/
【规范包结构】https://yarnpkg.com/zh-Hans/docs/package-json

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

【2】开发属于自己的包

【2-1】需要实现的功能
在这里插入图片描述
【2-2】初始化包的基本结构
在这里插入图片描述
【2-3】初始化 package.json

关于更多 license 许可协议相关的内容,可参考 https://www.jianshu.com/p/86251523e898
【注】需要去npm官网搜索查看是否存在该名字的包
在这里插入图片描述

【2-4】在 index.js中定义包的相关功能(如:格式化时间的方法)
在这里插入图片描述
在这里插入图片描述
【2-5】 将不同的功能进行模块化拆分
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
【2-6】 编写包的说明文档
在这里插入图片描述
在这里插入图片描述

【3】发布包

【3-1】注册 npm 账号https://www.npmjs.com/(建议用谷歌浏览器,Edge校验时图片显示不全)
在这里插入图片描述
【3-2】登录 npm 账号
在这里插入图片描述

【注】npm需要使用官方镜像源发布,不要使用淘宝镜像

//查看镜像源使用状态:
npm get registry
//全局切换镜像源:
npm config set registry http://registry.npm.taobao.org
//全局切换官方镜像源
npm config set registry https://registry.npmjs.org/

在这里插入图片描述

npm i nrm -g
#切换官方镜像源
nrm use npm

在这里插入图片描述
在这里插入图片描述

【3-3】 把包发布到 npm 上(包名没有被占用)

npm login
npm publish
npm unpublish 包名 --force

在这里插入图片描述
【3-4】删除已发布的包
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

【Dev-sidecar】Github 加速、Stack Overflow 加速、NPM 加速
官方网址:https://github.com/docmirror/dev-sidecar/releases/tag/v1.7.3
备份地址:https://lhnq31mi09.feishu.cn/file/TtW6byRKmoVLqkx1vSycSQjZnzh

4、模块的加载机制
【1】优先从缓存中加载

在这里插入图片描述

【2】内置模块的加载机制

在这里插入图片描述

【3】自定义模块的加载机制

在这里插入图片描述

【4】第三方模块的加载机制

在这里插入图片描述

【5】目录作为模块

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Sun Peng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值