node.js实例分析

hello，大家好，昨天真的好惨啊，我昨天的文章写的真的是一波三折，本来再图书馆我都编辑了一半了，可是它停电了，然后就断网了，我以为我等到有电有网了，刷新一下就有了，可是变空白了，导致当天已经无法发布文章了，我还要从头编辑。最近真的做什么都不太顺利！！！苍天啊，眷顾眷顾我吧！💔

---

目录

一、案例准备和目标

二案例实操

1.案例步骤

2.具体操作

①导入需要的模块并创建正则表达式

②使用fs模块读取需要被处理的html文件

③自定义resolveCSS文件

④自定义resolveScript文件 

⑤自定义resolveHTML文件 

---

小伙伴们，前两次分享的node.js的fs文件读取、写入以及路径模块的路径拼接和通过路径模块获取扩展名及文件名大家看懂了吗？我也是刚刚才写文章所以有很多不懂得，做的不到位的，希望各位小伙伴们能够多多提提意见，帮我指正问题。

一、案例准备和目标

今天呢想和大家就之前分享的东西做一个小小的案例，在正式操作之前呢需要做一些小小的准备，我们需要在我们创建的文件夹内放入一个HTML文件，之前写的随便一个就可以，只不过HTML文件里面需要同时包括style样式、body及script三部分，而我们今天的目标就是将一个HTML文件中的style样式、body和script三部分分别写入html、css和js三个文件。

这个案例中我们会复习到"fs.readFile()"、''fs.writeFile()"、"__dirname"、"path.join()"内容，如果不记得了的小伙伴们就点开链接复习一下吧！

首先，我们看一下我准备的页面

二案例实操

1.案例步骤

这词案例大概分为五个步骤，我们一起来看一下吧！

①导入需要的模块并创建正则表达式

②使用fs模块读取需要被处理的html文件

③自定义resolveCSS文件

④自定义resolveScript文件

⑤自定义resolveHTML文件

2.具体操作

①导入需要的模块并创建正则表达式

// 导入fs模块
const fs = require('fs')
// 导入path路径
const path = require('path')
// 创建正则表达式，分别匹配<style></style>和<script></script>标签
const regStyle = /<style>[\s\S]*<\/style>/
const regScript = /<script>[\s\S]*<\/script>/

以“const regStyle = /<style>[\s\S]*<\/style>/”为创建style正则表达式。

注意：内容写在“/”里面，其中style和script属于匹配的标签

"\s"属于所有空白字符，“\S”属于非空白字符，“*”属于任意多次

创建script正则表达同样如此

②使用fs模块读取需要被处理的html文件

// 导入fs模块
const fs = require('fs')