ash-multiple-html基于easywebpack的多HTML模板
多页面项目的多入口、多模板搞得你头疼?ash-multiple-html
这个基于 easywebpack 的模板,挺适合前端日常写静态页面用的,结构清晰,按模块拆得挺合理,适合临时页面、活动页啥的。
page
目录下按功能分了像app-static
、app-vue
、pc-static
这些子目录,每块都带自己的.html
、.js
、.less
文件。写的时候分工也更清晰,响应也快,改样式也不怕一动全身。
view
目录就更有意思了,主力内容放在kikuu-tmp
里,用的是.njk
模板,支持复用模板块,页面结构写起来方便多了。像app-static.njk
、pc-static.njk
都能对应上不同终端的需求,想写就写,不用调来调去。
嗯,这套模板比较适合自己搞些小专题、静态展示页的场景。Vue 项目也能混着上,像app-vue
那块,就可以塞一些 Vue 组件逻辑进去,样式跟逻辑都不耽误。
建议你先跑一下整个项目看看结构,顺便翻翻easywebpack
那块配置,别看名字猛,其实配置也不复杂,熟悉点 webpack 的都能秒懂。
如果你常写活动页、推广页或者需要快速搭建静态页面的项目,可以直接 clone 来用,省得从零搭了。实在懒得配置的话,直接套用都行。
93.41KB
文件大小:
评论区