Patternlab-Edition-Node-Webpack Webpack包装器
围绕 patternlab-node 核心的 Webpack 包装器,用起来还挺顺手的,适合你想快速搭个 Pattern Lab 系统的时候用。默认整合了 Mustache 模板引擎、样式指南模板,还有打包和资源管理的活儿也一并包了,省心不少。
前端资源的管理靠 Webpack 自动搞定,像样式、脚本、图片一类的,都能顺带优化,连 styleguidekit
的加载也安排得明明白白。整个流程用 npm
跑起来也方便,适合习惯 Node.js 环境的你。
要注意,Node 版本得在 4+,现在谁还用老版本对吧。如果你是第一次折腾 Pattern Lab,可以从 git clone
开始,一条命令就能跑起来。开发调试用 Webpack Dev Server,响应也快。
这个项目不光适合设计系统开发,也挺适合组件化设计、快速迭代那种场景。比如你要用 Mustache 模板 + 静态组件页面,直接基于它改就行,能省不少事。
另外推荐你也看看这些相关资源:
如果你正好想搭个模式系统,又不想自己从头搞打包流程,试试 patternlab-edition-node-webpack
,能省不少时间。
123.11KB
文件大小:
评论区