资讯专栏INFORMATION COLUMN

用node批量压缩html页面

darcrand / 1507人阅读

摘要:最近在写一个用了的后台管理系统。所以写了一个用命令批量压缩页面并且混淆的小工具。压缩前代码压缩后代码运行命令后,目录下的所有页面都会被批量压缩,看是不是压缩的明明白白的了。

最近在写一个用了layui的后台管理系统。因为某些原因,html,css,js都写在.html里,并且没有用到别的打包工具。所以写了一个用node命令批量压缩页面并且混淆js的小工具。
node安装html-minifier

目标实现:压缩html,css,压缩,混淆html中内联的js,去除console,debugger控制台提示,能压缩掉50%左右的大小

目录结构如下,可自行更改。

压缩前代码

压缩后代码

运行node index命令后,source目录下的所有html页面都会被批量压缩,
看是不是压缩的明明白白的了。

代码github地址

没有服务器学习的童鞋可以看看腾讯云的 1核2G,1M带宽,50GB存储空间的云服务器,120一年哦。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53301.html

相关文章

  • 通过 Node 批量下载文件到本地(多文件)

    摘要:包批量下载虽然说可以遍历所有文件,然后去批量下载单个文件,但是这种体验毕竟不太好,最常见的做法是把批量的文件下载并打包到中。 最近在做一个文件下载的功能,这里把做的过程中用的技术和坑简要总结下。上篇文章《通过 JavaScript 下载文件到本地(单文件)》说了下如何下载单文件,这篇主要说下如何做多文件的批量下载 多文件分别处理 如果文件数量可控,对于下载出来的文件格式无要求,可以用最...

    plus2047 评论0 收藏0
  • Webpack 4 和单页应入门

    摘要:但由于和技术过于和复杂,并没能得到广泛的推广。但是在浏览器内并不适用。依托模块化编程,的实现方式更为简单清晰,一个网页不再是传统的类似文档的页面,而是一个完整的应用程序。到了这里,我们的主角登场了年此处应有掌声。和差不多同期登场的还有。 Github:https://github.com/fenivana/w...webpack 更新到了 4.0,官网还没有更新文档。因此把教程更新一下...

    Zoom 评论0 收藏0
  • Java Web 前端高性能优化(一)

    摘要:一引言前端的高性能部分,主要是指减少请求数减少传输的数据以及提高用户体验,在这个部分,图片的优化显得至关重要。 Web 发展的速度让许多人叹为观止,层出不穷的组件、技术,只需要合理的组合、恰当的设置,就可以让 Web 程序性能不断飞跃。所有 Web 的思想都是通用的,它们也可以运用到 Java Web。这一系列的文章,主要讲解网页前端性能优化,是与用户最直接接触的。事实证明,与其消耗...

    lemon 评论0 收藏0
  • webpack 简易配置入门教程

    摘要:使用等预处理器编写可以将你项目中的所有文件,处理成浏览器能识别的文件。测试打包基本的配置就完成了。修改处理文件执行顺序是从右到左修改一下入口文件中的样式引入打包测试完美通过。这时可以使用提供的配置来使引入文件的时候变得更加方便简单。 showImg(https://segmentfault.com/img/remote/1460000010844617); 本文正文链接 最近公司弄了个...

    JackJiang 评论0 收藏0
  • Webpack 爱与恨

    摘要:关于标题,为什么是爱与恨因为在刚出来的时候,我并不是坚定的支持者,有很多地方用起来不方便,设计不合理。用户只有首次访问需要下载全部静态资源,以后的访问都直接使用缓存资源。首先,在中添加字段,当为时,则开启服务。例如请求的是则返回中的数据。 关于标题,为什么是爱与恨? 因为在 webpack 刚出来的时候,我并不是坚定的支持者,有很多地方用起来不方便,api 设计不合理。随着 webpa...

    HmyBmny 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<