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

news2024/12/26 23:20:52

需求:把回车符(\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('写入成功')
    })
  }

})

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1969748.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

temu电商的选品师能当成副业做吗?

在当今充满机会的电商行业中,成为一名选品师是否适合作为副业呢?这是一个颇具吸引力的问题,特别是对于那些希望在自由职业和兼职之间寻找平衡的人群。TEMU电商平台的选品师角色,不仅涉及到产品的挑选,还包括市场研究、竞争分析以…

DevOps之Jenkins的CICD

文章目录 CI&CD架构Jenkins介绍GitLab安装SonarQube安装Harbor安装目标服务器的安装与配置Jenkins安装Jenkins集成SonarQube与targetJenkins集成Gitlab推送代码到目标服务器构建项目镜像 CI&CD架构 Jenkins介绍 Jenkins是一个独立的开源软件项目,是基于Java…

IIS解析漏洞~IIS6.X漏洞分析

类型代码量作用一句话木马代码量极少配合webshell管理工具使用小马代码量比小马多大马代码量最多功能比较完善(执行命令,文件操作等)图片马里面传有一句话木马 文件解析漏洞是由于中间件错误的将特殊格式的文件解析成可执行网页文件(脚本)&am…

学习记录(8):RAG and PAL and ReAct

咱就是说 习惯了做笔记 不做笔记 这知识真的是一点记不住啊(实则是脑子笨0.o 那咱就狠狠的来记住这个知识点0.o 参考学习:B站GenJi是真想教会你-《【包教包会】一条视频速通AI大模型原理》 文章目录 一、RAG:检索增强生成二、PAL&#xff1a…

VMware Workstation 17 图文安装教程

😎 作者介绍:我是程序员洲洲,一个热爱写作的非著名程序员。CSDN全栈优质领域创作者、华为云博客社区云享专家、阿里云博客社区专家博主。 🤓 同时欢迎大家关注其他专栏,我将分享Web前后端开发、人工智能、机器学习、深…

红黑树的实现及测试

目录 1.红黑树的结构 2.红黑树的节点 3.红黑树的实现 1)插入操作 1.u存在且为红 2.u不存在或存在且为黑(且cur 为 parent 的左) 3.u不存在或存在且为黑(且cur 为 parent 的右) 2)查找操作 3&#x…

63、ELK安装和部署

一、ELK日志系统 1.1、ELK平台的定义 ELK平台是一套完整的日志集中处理解决方案,将ElasticSearch、Logstash和Kiabana 三个开源工具配合使用,完成更强大的用户对日志的查询、排序、统计需求 E:elasticsearch ES分布式索引型非关系数据库,存…

Mybatis学习(2)

分页 目的:减少数据的处理量 方式一:使用limit实现分页,核心SQL sql语法:select * from user limit startIndex,pageSize; 步骤: 1、接口 2、Mapper.xml 3、测试 方式二:使用注解开发 1、…

Java同城货运搬家货运车小程序系统源码

🚚同城搬家不头疼!揭秘“同城货运搬家货运车小程序”的省心秘籍 📱开篇:一键下单,搬家新风尚 告别传统搬家的繁琐与不便,今天给大家种草一款超实用的生活神器——“同城货运搬家货运车小程序”&#xff0…

【设计模式:工厂模式】

目录 工厂模式的特点: 工厂模式种类 简单工厂模式: 简单工厂模式的创建步骤: 简单工厂代码: 工厂模式 : 特点: 工厂模式代码: 抽象工厂模式 抽象工厂的主要组成部分: 抽象…

unity中实现流光效果——世界空间下

Properties{_MainTex ("Texture", 2D) "white" {}_FlowColor ("Flow Color", Color) (1, 1, 1, 1) // 流光颜色_FlowFrequency ("Flow Frequency", Float) 1.0 // 流光频率_FlowSpeed ("Flow Speed", Float) 1.0 // 流光…

二维码门楼牌管理应用平台建设:实有单位采集管理

文章目录 前言一、实有单位信息采集:构建城市信息基石二、快速查询功能:精准定位,一触即达三、单位详情全面展示:历史轨迹,一目了然四、信息核实机制:确保数据准确无误五、单位注销流程:灵活管理…

Jenkins保姆笔记(1)——基于Java8的Jenkins安装部署

前言 记录分享下Jenkins的相关干货知识。分2-3篇来介绍Jenkins的安装部署以及使用。还是和以前一样,文章不介绍较多概念和细节,多介绍实践过程,以战代练,来供大家学习和理解Jenkins 概念 Jenkins是一个开源的自动化服务器&…

7.31 Day13 DHCP服务器的配置与管理

DHCP服务及其工作原理 DHCP(Dynamic Host Configuration Protocol,动态主机配置协议)提供了动态配置IP地址的功能。在DHCP网络中,客户端不再需要自行输入网络参数,而是由DHCP服务器向客户端自动分配。 DHCP服务工作端…

拓扑未来物联网平台简介

拓扑未来物联网平台是基于Thingsboard二次开发的面向产业互联和智慧生活应用的物联网PaaS平台,支持适配各种网络环境和协议类型,可实现各种传感器和智能硬件的快速接入。有效降低物联网应用开发和部署成本,满足物联网领域设备连接、智能化改造…

day27——homework

1、使用两个线程完成两个文件的拷贝&#xff0c;分支线程1拷贝前一半&#xff0c;分支线程2拷贝后一半&#xff0c;主线程回收两个分支线程的资源 #include <stdio.h> #include <stdlib.h> #include <pthread.h> #include <fcntl.h> #include <uni…

释放自动化测试潜能:性能优化策略与实战技巧!

引言 在当今追求软件快速迭代的环境下&#xff0c;自动化测试的性能瓶颈正成为制约开发流程加速的主要障碍。本文将深入探讨如何通过策略和实践&#xff0c;优化自动化测试的性能&#xff0c;实现测试执行速度的质的飞跃。 自动化性能瓶颈的识别与突破 首先&#xff0c;识别并…

Day4

请求与响应 请求和响应是Web应用的基本组成部分&#xff0c;它们处理客户端&#xff08;通常是浏览器&#xff09;和服务器之间的交互。 注意三个常见的请求和响应就行&#xff1a; 【注意】&#xff1a; 关于重定向&#xff1a; 浏览器向某个网站发来请求&#xff0c;该网…

在Windows系统上生成SSH秘钥

SSH秘钥是指在SSH协议中使用的加密密钥&#xff0c;用于实现安全认证和数据加密。SSH秘钥通常指的是一对密钥&#xff1a;公钥&#xff08;Public Key&#xff09;和私钥&#xff08;Private Key&#xff09;。 使用以下命令生成SSH密钥 输入下面命令行生成SSH秘钥&#xff0c…

slot 插槽的方式

当组件作为标签使用时&#xff0c;子组件中用slot标签占一个位置&#xff0c;父组件可以在此填充数据&#xff0c;父组件未填充数据&#xff0c;有默认数据 则显示默认数据 具名插槽&#xff1a;子组件中slot标签有name属性&#xff0c;如name“title”&#xff0c;父组件可以用…