续上一篇文章第三章认识Node.js模块化开发-CSDN博客这次继续来认识和总结以下node的常用模块开发

Node.js系统模块是指Node.js自带的一些模块这些模块可以直接在Node.js中使用无需安装其他包。

以下是常用的Node.js系统模块

require()

Node.js第三方模块是指由其他开发者或组织编写的、不隶属于Node.js官方维护的模块这些模块通常都发布在npmNode

Package

Express一个流行的Web应用程序框架提供了简单和灵活的API可以快速搭建Web应用程序和API。

Socket.IO一个实时的双向通信库支持Websocket协议和轮询方式可以实现实时聊天、在线游戏等功能。

Sequelize一个ORM框架支持多种数据库可以方便地进行数据库操作。

Async用于处理异步操作的工具库提供了多种函数可以方便地处理异步流程和控制流。

Moment一个处理日期和时间的工具库提供了方便的API可以方便地进行时间处理。

Lodash一个JS工具库提供了多种常用函数可以方便地进行数组、字符串、对象等操作。

综上所述Node.js第三方模块可以极大地丰富Node.js的功能和扩展性提供了更多的选择和便利可以大大提高Node.js开发效率和编程质量。

Node.js常用开发工具

nodemon是一个非常实用的Node.js工具它可以帮助我们在开发过程中自动重启Node.js应用程序而不需要手动重启。

nodemon会监视文件的变化并自动重新启动Node.js应用程序从而使开发过程更高效减少手动重启的麻烦。

要使用nodemon安装它非常简单只需要在命令行中输入以下命令即可

npm

nodemon安装完毕后在命令行中使用nodemon来启动应用程序就可以自动重启了。

例如

nodemon

app.js这条命令将启动一个名为app.js的Node.js应用程序并监听该文件的变化如果文件发生更改它将自动重新启动。

nrm工具

manager它可以帮助我们快速地切换npm镜像源以加快我们在使用npm工具时的下载速度。

在国内由于网络限制使用默认的npm镜像源会非常慢因此我们需要使用nrm来快速切换到国内镜像源例如cnpmjs等。

要使用nrm需要先全局安装它

mirror-name例如要切换到cnpmjs镜像源可以使用以下命令

nrm

Gulp是一款基于Node.js的自动化构建工具它可以自动完成开发过程中的一些重复、耗时任务如代码压缩、文件合并、自动刷新浏览器等从而提高项目开发效率。

使用Gulp需要先全局安装它

gulp-rename其中gulp-concat用于合并文件gulp-uglify用于压缩JavaScript代码gulp-rename用于重命名文件。

在gulpfile.js文件中编写任务

gulp.src(src/js/*.js).pipe(concat(all.js)).pipe(gulp.dest(dist/js)).pipe(uglify()).pipe(rename({

suffix:

gulp执行完毕后即可在dist/js目录中生成合并、压缩、重命名后的JS文件。

Node.js模块加载机制

Node.js采用的是CommonJS模块规范模块是Node.js中最重要的概念之一。

在Node.js中每个文件都被视为一个独立的模块每个模块都有自己的作用域也就是说在一个模块内定义的变量、函数等只是在该模块内有效而在其他模块内无法访问。

模块第一次加载时会被缓存以后再次加载时直接从缓存中读取不会重复执行。

在Node.js中使用require函数来加载模块。

require函数会根据传入的参数去寻找该模块并将其返回。

在寻找模块的过程中Node.js会按照以下规则来匹配模块

如果参数是一个绝对路径Node.js会根据该路径直接加载对应的模块。

如果参数是一个相对路径Node.js会将其转化为绝对路径后再加载对应的模块。

在转换为绝对路径时会以调用require函数的模块所在的下的hello.js文件。

在实际开发中我们可以通过模块化的方式来组织代码将不同的功能模块分开编写提高代码的可维护性和可重用性。

好的以下是一个使用node.js的系统模块、第三方模块和nodemon、nrm、gulp工具和模块加载机制的小项目示例

安装nodemon和nrm

init依次输入相关配置信息即可最后会生成一个package.json文件。

npm

public/css/style.cssjs/script.js

views/index.html

gulpfile.js其中public文件夹用于存放静态资源文件views文件夹用于存放HTML模板文件server.js文件是项目的入口文件gulpfile.js文件是gulp的配置文件。

编写代码

express();app.use(bodyParser.json());

app.use(bodyParser.urlencoded({

extended:

}));app.use(express.static(__dirname

/public));app.get(/,

charsetUTF-8titleNode.js小项目/titlelink

relstylesheet

href/css/style.css/headbodyh1Hello,

Node.js!/h1script

/html在public/css/style.css文件中编写以下代码

body

Node.js!);在gulpfile.js文件中编写以下代码

const

require(gulp-clean-css);gulp.task(scripts,

{return

gulp.src(public/js/*.js).pipe(concat(main.js)).pipe(gulp.dest(public/dist)).pipe(rename({

suffix:

})).pipe(uglify()).pipe(gulp.dest(public/dist));

});gulp.task(styles,

gulp.src(public/css/*.css).pipe(concat(main.css)).pipe(gulp.dest(public/dist)).pipe(rename({

suffix:

})).pipe(cleanCSS()).pipe(gulp.dest(public/dist));

});gulp.task(watch,

gulp.series(scripts));gulp.watch(public/css/*.css,

gulp.series(scripts,

gulp现在你可以在浏览器中访问http://localhost:3000/看到运行效果了。