node压缩html\js\css模块 html-minifier

git地址:https://github.com/kangax/html-minifier

安装:

npm install html-minifier -g

使用:

1、node命令行进入要压缩的项目的根目录后,执行:

npm install html-minifier

2、在此根目录下新建一个文件命名为test.js,其内容如下:

var fs = require('fs');
var minify = require('html-minifier').minify;
fs.readFile('./css/index.css', 'utf8', function (err, data) {
    if (err) {
        throw err;
    }
    fs.writeFile('./css/index.min.css', minify(data,{removeComments: true,collapseWhitespace: true,minifyJS:true, minifyCSS:true}),function(){
        console.log('success');
    });
});

执行命令:

node test.js

minify函数参数说明

第一个参数
String类型, 一段html代码

第二个参数 options
这里只列了几个常用的

  • removeComments 默认值false;是否去掉注释
  • collapseWhitespace 默认值false;是否去掉空格
  • minifyJS 默认值false;是否压缩html里的js(使用uglify-js进行的压缩)
  • minifyCSS 默认值false;是否压缩html里的css(使用clean-css进行的压缩)
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在Vite中使用html-minifier-terser插件可以对HTML进行压缩和优化。你可以在Vite的配置文件中添加以下代码来使用该插件: ```javascript const htmlMinifierPlugin = require('html-minifier-terser'); module.exports = { // 其他配置项... plugins: \[ htmlMinifierPlugin({ // 配置项... }) \] } ``` 你可以根据需要配置html-minifier-terser插件的选项来进行定制化的压缩和优化。例如,你可以设置`collapseWhitespace`选项来移除HTML中的空白字符,或者设置`removeComments`选项来移除注释等。具体的配置项可以参考html-minifier-terser的文档。 引用\[1\]中的代码是使用SpeedMeasurePlugin来测量打包时间的插件,并使用smp.wrap方法包裹了导出的webpack配置。这样可以在控制台中看到每个插件的执行时间,以便进行性能优化。 引用\[2\]中的代码是使用PurgeCssPlugin来移除未使用的CSS样式的插件,并通过safelist属性来保留指定的HTML标签的样式。 引用\[3\]中提到了一些在代码中可能存在的问题,例如使用了ES6的语法、模块化语法和CommonJS模块化语法,以及在通过script标签引入时需要添加type="module"属性。这些问题可能会导致在低版本浏览器上出现兼容性问题。 #### 引用[.reference_title] - *1* *2* *3* [Webpack从入门到进阶(三)---附沿路学习案例代码](https://blog.csdn.net/wuyxinu/article/details/123221905)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值