h5builder Webpack多页面H5模板工程
webpack 的多页面 h5 壳工程,用来搭建移动端页面还挺顺手的。h5builder这个项目就是专门干这个的,整体结构清晰,目录层级也不绕,适合当起步模板来用。
用的是webpack + babel + zepto这一套组合,轻量又够用。页面自适应那块做得也比较省心,配了postcss,支持rem
和vw
两种单位,设计稿按 375px 来搞基本就行,各尺寸设备都能适配。
多页面配置也没藏着掖着,htmlWebpackPlugin
直接配多个入口页面就能跑,webpack-dev-server也做了对应支持。比如你想在3000
端口调试,指定一下contentBase
就能跑起来,方便。
样式部分用的是scss
,写起来挺舒服的,变量和嵌套都能用,层级结构看着清楚。如果你是习惯用 less,也可以替换,逻辑是通的。
还有个小建议哈,如果你想把它拿来做活动页、落地页或者小型运营 H5,用这个壳子省了不少配置时间。开发起来响应也快,代码也清爽。
如果你对多页 H5 项目结构感兴趣,也可以看看这些文章:
如果你是前端新手,建议先看看 webpack 多入口怎么配。想偷懒的,直接拉这个项目跑也行。
1.59MB
文件大小:
评论区