html-simple-build-tools一键构建压缩支持ES6模块化
一键打包 HTML 项目的构建工具你用过没?html-simple-build-tools算是比较轻巧又好用的一个。用的不是 Webpack、Gulp 那种大块头,而是靠几个精心写好的npm 脚本,就能把HTML、CSS、JS 和图片全搞定,省心多了。
支持ES6 模块也是它一大亮点。你只管写 import
、export
,工具会帮你转成浏览器能跑的格式,比如用Babel搞成 ES5。兼容性不担心,构建也干净。
CSS 压缩走的是像clean-css
这种库,注释空格都清了,文件瞬间瘦身。JS 压缩用的是Terser
,语法压得挺干净,效果不比 UglifyJS 差。你也不用学太多配置,跑个npm run build
就全搞定。
图片压缩也贴心,大图压成适合网页的体积,像是集成了imagemin
这种插件,响应快不少。适合静态页面打包,不想折腾 Webpack 配置的朋友可以试试。
项目结构清爽,html-simple-build-tools-master
里边就是源码、构建脚本还有几个示例。.babelrc
、src
、build.js
这些都一目了然,不用翻半天文档就能上手。
如果你想给老项目做点现代化,又不想重构整个构建系统,用这个工具还挺合适的。写完直接压,简单又快,适合偏小型或中等项目。
5.32KB
文件大小:
评论区