html-simple-build-tools一键构建压缩支持ES6模块化

一键打包 HTML 项目的构建工具你用过没?html-simple-build-tools算是比较轻巧又好用的一个。用的不是 Webpack、Gulp 那种大块头,而是靠几个精心写好的npm 脚本,就能把HTML、CSS、JS 和图片全搞定,省心多了。

支持ES6 模块也是它一大亮点。你只管写 importexport,工具会帮你转成浏览器能跑的格式,比如用Babel搞成 ES5。兼容性不担心,构建也干净。

CSS 压缩走的是像clean-css这种库,注释空格都清了,文件瞬间瘦身。JS 压缩用的是Terser,语法压得挺干净,效果不比 UglifyJS 差。你也不用学太多配置,跑个npm run build就全搞定。

图片压缩也贴心,大图压成适合网页的体积,像是集成了imagemin这种插件,响应快不少。适合静态页面打包,不想折腾 Webpack 配置的朋友可以试试。

项目结构清爽,html-simple-build-tools-master里边就是源码、构建脚本还有几个示例。.babelrcsrcbuild.js这些都一目了然,不用翻半天文档就能上手。

如果你想给老项目做点现代化,又不想重构整个构建系统,用这个工具还挺合适的。写完直接压,简单又快,适合偏小型或中等项目。

zip 文件大小:5.32KB