当前位置：网站首页>nodejs 时钟案例（fs模块）,重复使用fs.writeFile方法，旧内容会被覆盖

nodejs 时钟案例（fs模块）,重复使用fs.writeFile方法，旧内容会被覆盖

2022-08-10 02:17:00 【差不少】

时钟案例

在这里插入图片描述

步骤2:

步骤三：自定义resolveCSS方法

注意：css匹配style标签.exec（）匹配css样式

步骤4:自定义resolveJS方法
在这里插入图片描述
步骤5:自定义resolveHYML方法来处理html代码（不包含css样式和js脚本）

注意：newHTML就是处理完的（只包含结构，不包含样式和脚本）

注意：最后被修改的html文件中的css和js都会以外链的形式引入

在这里插入图片描述

注意：思路整理
用fs变量来读写文件
用path变量来处理路径
regStyle来匹配style标签
regScript来匹配script标签

读取素材目录下的index.html文件，读取成功后，用对应的三个方法（resolveCSS，resolveJS，resolveHTMl）来分别拆解出css，js，html三个文件

reovleCSS中通过正则的exec方法来提取css代码，然后把style标签通过replace方法去除（替换成空），然后把代码写入index.css文件中

reovleJS中通过正则的exec方法来提取js代码，然后把script标签通过replace方法去除（替换成空），然后把代码写入index.js文件中

resolveHTML通过replace方法，把css的代码和js代码替换成对应的link外链，最后写入index.html文件中

完整代码：
在这里插入图片描述

注意：时钟案例中的两个注意点

注意：没有对应路径（文件夹），在其中执行文件会报错

注意：同一文件重复使用fs.writeFile方法，旧内容会被覆盖

版权声明
本文为[差不少]所创，转载请带上原文链接，感谢
https://blog.csdn.net/c62387723sq/article/details/126083219

边栏推荐

猜你喜欢

随机推荐