什么是模块化?
在Node.js中,每一个文件都被视为一个单独的模块
概念:项目是由很多个模块文件组成的
好处:提高代码复用性,按需加载,独立作用域
使用:需要标准语法导出和导入进行使用
![](https://i-blog.csdnimg.cn/direct/b8294628e9774cee9940a4574e04bd3e.png)
导入导出语法
CommonJS 标准
使用:
-
导出:module.exports = {}
-
导入:require('模块名或路径')
模块名或路径:
✓ 内置模块:直接写名字(例如:fs,path,http)
✓ 自定义模块:写模块文件路径(例如:./utils.js)
![](https://i-blog.csdnimg.cn/direct/8dc3d0f47eb1472fa87a8e6814827f14.png)
ECMAScript 标准
到时候学了Vue之后都是用ECMAScript 标准进行导入和导出,所以这种语法要重点掌握
默认导出和导入
默认标准使用:
-
导出:export default {}
-
导入:import 变量名 from '模块名或路径'
![](https://i-blog.csdnimg.cn/direct/34f2c12e0e534c7786f2e3f3c3b703ed.png)
注意:Node.js 默认支持 CommonJS 标准语法 如需使用 ECMAScript 标准语法,在运行模块所在文件夹新建 package.json 文件,并设置 { "type" : "module" }
![](https://i-blog.csdnimg.cn/direct/b16cb6a03991416cb825862d00667585.png)
命名导出和导入
命名标准使用:
-
导出:export 修饰定义语句
-
导入:import { 同名变量 } from '模块名或路径'
![](https://i-blog.csdnimg.cn/direct/687115f2aca14af58a2285637f8fecb9.png)
如何选择: 按需加载,使用命名导出和导入
全部加载,使用默认导出和导入
包的概念
如果说模块是文件,那么包就是文件夹
包:将模块,代码,其他资料聚合成一个文件夹
包分类:
✓ 项目包:主要用于编写项目和业务逻辑
✓ 软件包:封装工具和方法进行使用
要求:根目录中,必须有 package.json 文件(记录包的清单信息)
![](https://i-blog.csdnimg.cn/direct/361df44208bb41b6ae4116f106a85a64.png)
注意:导入软件包时,引入的默认是 index.js 模块文件,如果软件包中没有index.js文件,那么就引入 package.json 中 main 属性指定的模块文件
通俗地讲,就是无论你的软件包里写了多少个方法,最终对外暴露出的都是index.js中的方法。因此,编写软件包代码的套路是:在其他文件中定义方法并导出,再导入到index.js中,并在index.js中导出这些方法
![](https://i-blog.csdnimg.cn/direct/4c12cc49c9a242189b4b2c68639be616.png)
![](https://i-blog.csdnimg.cn/direct/8044d81f20e24a5b9036d521697b4bbb.png)
npm - 软件包管理器
![](https://i-blog.csdnimg.cn/direct/d3de47d340d6476aa6ebcd6d2babd07b.png)
软件包分类
➢ 本地软件包:当前项目内使用,封装属性和方法,存在于 node_modules
➢ 全局软件包:本机所有项目使用,封装命令和工具,存在于系统设置的位置
本地软件包
使用: 1. 初始化清单文件 :npm init -y(得到 package.json 文件,有则略过此命令)
-
下载软件包 :npm i 软件包名称(软件包源码自动放入 node_modules 中)
-
使用软件
![](https://i-blog.csdnimg.cn/direct/65a2176742e94cebb611be8d60efc26c.png)
为什么下载了别人的项目之后不能直接运行?
因为项目中不包含 node_modules
为什么node_modules包不会被拷贝过来?
因为,自己用 npm 下载依赖比磁盘传递拷贝要快得多
解决:项目终端输入命令:npm i 下载 package.json 中记录的所有软件包。注意,要先把package-lock.json删除,再执行npm i命令
全局软件包
以nodemon为例介绍全局软件包
nodemon 作用:替代 node 命令,检测代码更改,自动重启程序
使用:
-
安装:npm i nodemon -g(-g 代表安装到全局环境中)
-
运行:nodemon 待执行的目标 js 文件
常用命令总结
![](https://i-blog.csdnimg.cn/direct/d0eb4431c8fc4c3f83e96ba2e5eeb88d.png)