h5builder Webpack多页面H5模板工程

webpack 的多页面 h5 壳工程,用来搭建移动端页面还挺顺手的。h5builder这个项目就是专门干这个的,整体结构清晰,目录层级也不绕,适合当起步模板来用。

用的是webpack + babel + zepto这一套组合,轻量又够用。页面自适应那块做得也比较省心,配了postcss,支持remvw两种单位,设计稿按 375px 来搞基本就行,各尺寸设备都能适配。

多页面配置也没藏着掖着,htmlWebpackPlugin直接配多个入口页面就能跑,webpack-dev-server也做了对应支持。比如你想在3000端口调试,指定一下contentBase就能跑起来,方便。

样式部分用的是scss,写起来挺舒服的,变量和嵌套都能用,层级结构看着清楚。如果你是习惯用 less,也可以替换,逻辑是通的。

还有个小建议哈,如果你想把它拿来做活动页、落地页或者小型运营 H5,用这个壳子省了不少配置时间。开发起来响应也快,代码也清爽。

如果你对多页 H5 项目结构感兴趣,也可以看看这些文章:

如果你是前端新手,建议先看看 webpack 多入口怎么配。想偷懒的,直接拉这个项目跑也行。

zip 文件大小:1.59MB