第二章 模块加载及第三方包
- 1.Node.js中模块化开发概述
- 2.系统模块
- 3.第三方模块
- 4.Node.js中模块的加载机制
- 5.package.json文件
1Node.js模块化开发
1.1 javascript 在使用过程中存在两大问题,文件依赖和命名冲突
- Node.js规定一个javascript文件就是一个模块,模块内部定义的变量和函数默认情况下在外部无法得到
- 模块内部可以使用exports对象进行成员导出,使用require方法导入其他模块。
1.2 模块成员导出
//a.js
//在模块内部定义变量
let version = 1.0;
//在模块内部定义方法
const sayHi = name => '您好,${name}';
//向模块外部导出数据
exports.version = version;
exports.sayHi = sayHi;
//b.js
//在b.js模块中导入模块a
let a = require('./b.js');
//输出b模块中的version变量
console.log(a.version);
//调用b模块中的sayHi方法 并输出其返回值
console.log(a.sayHi('黑马讲师'));
1.4 模块成员导出的另一种方式
module.exports.version = version;
module.exports.sayHi = sayHi;
exports 是module.exports的别名(地址引用关系),导出对象最终以module.exports为准
1.5 模块导出两种方式的联系与区别
2. 系统模块
2.1 什么是系统模块
Node运行环境提供的API,这些API都是以模块化的方式进行开发的,所以我们又称Node运行华景提供的API为系统模块
2.2 系统模块fs文件操作
f:file文件, s:system系统, 文件操作系统
const fs = require('fs');
读取文件内容
fs.readFile('文件路径/文件名称’[,'文件编码'], callback);
写入文件内容
fs.writeFile(‘文件路径/文件名称’, ‘数据’, callback);
const content = '<h3>正在使用fs.writeFile写入文件内容</h3>';
fs.writeFile('../index.html', content, err=> {
if(err !=null){
console.log(err);
return;
}
console.log('文件写入成功')
});
2.3 系统模块path路径操作
为什么要进行路径拼接
- 不同的操作系统的路径分隔符不一样
- /public/uploads/avatar
- Windows 上是 \ /
- Linux 上是 /
2.4 路径拼接语法
path.join('路径‘,‘路径’,....)
//导入path模块
const path = require('path');
//路径拼接
let finialPath = path.join('itcast', 'a', 'b', 'c.css');
//删除结果 itcast\a\b\c
console.log(finialPath);
2.5 相对路径VS绝对路径
- 大多数情况下使用绝对路径,因为相对路径有时候相对的是命令行工具的当前工作目录
- 在读文件或设置文件路径时都会选择绝对路径
- 使用_dirname获取当前文件所在的绝对路径
3. 第三方模块
3.1 什么事第三方模块
别人写好的、具有特定功能的、我们能够直接使用的模块就是第三方模块。
第三方模块有两种存在形式
- 以js文件的形式存在,提供实现项目具体功能的API接口
- 以命令行工具形式存在,辅助项目开发
3.2 获取第三方模块
npmjs.com: 第三方模块的存储和分发仓库
npm(node package manager): node的第三方模块管理工具
- 下载:npm install 模块名称
- 卸载:npm uninstall package 模块名称
全局安装与本地安装- 命令行工具:全局安装
- 库文件: 本地安装
3.3第三方模块 nodemon
nodemon 是一个命令行工具,用以辅助项目开发
在 Node.js中,每次修改文件都要在命令行工具中重新执行该文件,非常繁琐
使用步骤
- 使用npm install nodemon -g 下载
- 在命令行工具中用nodemon命令替代node命令执行文件
3.4 第三方模块 nrm
nrm(npm registry manager):npm下载地址切换工具
npm 默认的下载地址在国外,国内下载速度慢
使用步骤:
- 使用npm install nrm -g 下载
- 查询可用下载地址列表 nrm ls
- 切换npm下载地址nrm use下载地址名称
3.5 第三方模块Gulp
基于node平台开发的前端构建工具
将机械化操作编写成任务,想要执行机械化操作时执行一个命令行命令任务就能自动执行了
用机器代替手工,提高开发效率。
3.6 Gulp能做什么
- 项目上线, HTML、css 、js文件压缩合并
- 语法转换
- 公共文件抽离
- 修改文件浏览器自动刷新
3.7 Gulp使用
- 使用npm install gulp下载gulp文件
- 在项目根目录下建立gulpfile.js文件
- 重构项目的文件夹结构src目录放置源代码文件 dist 目录防止构建后文件
- 在gulpfile.js文件中编写任务
- 在命令行工具中执行gulp任务
3.8 Gulp中提供的方法
- gulp.src():获取任务要处理的文件
- gulp.dest():输出文件
- gulp.task(): 建立gulp任务
- gulp.watch(): 监控文件的变化
const gulp = require('gulp');
//使用gulp.task()方法建立任务
gulp.task('first',()=> {
//获取要处理的文件
gulp.src('./src/css/base.css')
//将处理后的文件输出到dis目录
.pipe(gulp.dest('./dist/css'));
3.9 Gulp插件
- gulp-htmlmin: html文件压缩
- gulp-csso: 压缩css
- gulp-babel: javascript语法转换
- gulp-uglify: 压缩混淆javascript
- gulp-file-include: 公共文件包含
- browsersync 浏览器实时同步
4.package.json文件
4.1 node_modules文件夹的问题
- 文件夹以及文件过多过碎,当我们将项目整体拷贝给别人的时候,传输速度会很慢很慢
- 复杂的模块依赖关系需要别记录,确保模块版本和当前保持一致,否则会导致当前项目运行报错
4.2 package.json文件的使用
项目描述我呢间,记录了当前项目信息,例如名称,版本,作者,github地址,当前项目依赖了哪些第三方模块等。使用npm init -y命令生成。
4.3 项目依赖
- 载项目的开发阶段和线上运营阶段,都需要依赖的第三方包,称为项目依赖
- 使用npm install 包命令下载的文件会默认被添加到package.json 文件的 dependencies字段中
{
"dependencies": {
"jquery": "^3.3.1"
}
}
4.4 . package.json
- 锁定包的版本, 确保再次下载时不会因为包版本不同而产生问题
- 加快下载速度,因为该文件中已经记录了项目所依赖第三方包的树状结构和包的下载地址,重新包装时只需要下载即可。
5. Node.js 中模块的加载机制
5.1 模块查找规则-当模块拥有路径但没有后缀时