Node.js(2)——压缩前端html

需求:把回车符(\r)和换行符(\n)去掉后,写入到新的html文件中

步骤:

  1. 读取源html文件内容
  2. 正则替换字符串
  3. 写入到新的html文件中

示例:

获取html文件中的内容并检查(同时注意用绝对路径):

复制代码
const fs = require('fs')
const path = require('path')
fs.readFile(path.join(__dirname, '/test/压缩html/html.html'), (err, data) => {
  if (err) {
    console.log(err);
  }
  else {
    console.log(data.toString());
  }
})

此时获取成功!

第二步正则替换字符

观察到换行符已经去掉。

最后写入到其他html文件

完整代码:

复制代码
const fs = require('fs')
const path = require('path')
fs.readFile(path.join(__dirname, '/test/压缩html/html.html'), (err, data) => {
  if (err) {
    console.log(err);
  }
  else {
    //正则替换字符,去掉换行
    const htmlStr = data.toString()
    const result = htmlStr.replace(/[\r\n]/g, ' ')
    console.log(result);

    //写入新文件中
    fs.writeFile(path.join(__dirname, '/test/压缩html/new.html'), result, err => {
      if (err) console.log(err)
      else console.log('写入成功')
    })
  }

})

此时已经写入到新的文件中

相关推荐
KenXu6 分钟前
F2C-PTD工具将需求快速转换为代码实践
前端
给月亮点灯|14 分钟前
Vue3基础知识-setup()、ref()和reactive()
前端·javascript·vue.js
芜青15 分钟前
【Vue2手录12】单文件组件SFC
前端·javascript·vue.js
冷冷的菜哥16 分钟前
react实现无缝轮播组件
前端·react.js·typescript·前端框架·无缝轮播
csdn_aspnet18 分钟前
Windows Node.js 安装及环境配置详细教程
windows·node.js
hrrrrb23 分钟前
【Python】字符串
java·前端·python
阿笑带你学前端30 分钟前
Supabase云同步架构:Flutter应用的数据同步策略
前端
梦想CAD控件35 分钟前
(在线CAD平台)网页集成CAD SDK的方法
前端·javascript·github
万少36 分钟前
可可图片编辑 HarmonyOS(6)水印效果
前端·harmonyos
掘金约基奇_37 分钟前
JS-SDK开发企微侧边栏
前端·javascript