当前位置: 首页 > news >正文

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('写入成功')})}})

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 为什么Transformer需要进行 Multi-head Attention?
  • Vue Router 路由守卫详解
  • 未来3-5年,哪些工作会被AI取代
  • 【vluhub】skywalking
  • 设计学习笔记8:在设计模式中,状态模式和策略模式有什么区别,它们各自适用于什么场景?
  • ssh 非对称加密
  • 【动态规划】路径问题
  • C#中类和结构体的对比
  • Hive中分区(Partition)和分桶(Bucket)区别
  • MBA留学选校中Location的四大考量因素
  • 为呼叫中心创建 SOP 的 10 个好处
  • 优化网络接收缓存减少数据丢包
  • https执行过程,特点,作用
  • 基于深度学习的快速适应任务
  • HarmonyOS应用开发者基础认证,Next版本发布后最新题库
  • [译] React v16.8: 含有Hooks的版本
  • [译]CSS 居中(Center)方法大合集
  • 【知识碎片】第三方登录弹窗效果
  • C++入门教程(10):for 语句
  • Golang-长连接-状态推送
  • JavaScript设计模式系列一:工厂模式
  • Java小白进阶笔记(3)-初级面向对象
  • niucms就是以城市为分割单位,在上面 小区/乡村/同城论坛+58+团购
  • Spring Cloud Feign的两种使用姿势
  • spring-boot List转Page
  • Spring核心 Bean的高级装配
  • Vue UI框架库开发介绍
  • Vue 重置组件到初始状态
  • 从零搭建Koa2 Server
  • 服务器之间,相同帐号,实现免密钥登录
  • 跨域
  • 盘点那些不知名却常用的 Git 操作
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 通过npm或yarn自动生成vue组件
  • 我是如何设计 Upload 上传组件的
  • 用简单代码看卷积组块发展
  • 在weex里面使用chart图表
  • LIGO、Virgo第三轮探测告捷,同时探测到一对黑洞合并产生的引力波事件 ...
  • ​ssh免密码登录设置及问题总结
  • $GOPATH/go.mod exists but should not goland
  • (1)(1.11) SiK Radio v2(一)
  • (4) openssl rsa/pkey(查看私钥、从私钥中提取公钥、查看公钥)
  • (9)目标检测_SSD的原理
  • (Java企业 / 公司项目)点赞业务系统设计-批量查询点赞状态(二)
  • (LeetCode C++)盛最多水的容器
  • (Redis使用系列) Springboot 整合Redisson 实现分布式锁 七
  • (附源码)ssm学生管理系统 毕业设计 141543
  • (转)Oracle 9i 数据库设计指引全集(1)
  • ***测试-HTTP方法
  • .“空心村”成因分析及解决对策122344
  • .360、.halo勒索病毒的最新威胁:如何恢复您的数据?
  • .equals()到底是什么意思?
  • .net framework 4.8 开发windows系统服务
  • .NET Framework 服务实现监控可观测性最佳实践