粒子Webpack入门套件集成Pattern Lab与Drupal主题
粒子的 Webpack 打包方式挺省心的,一套代码能同时跑在 Drupal 主题、Grav 主题还有 Pattern Lab 原型里。用来做设计系统,统一视觉风格,响应也快,开发效率也高,适合前后端分离项目。Pattern Lab 的热加载一开,改个按钮颜色,浏览器立马同步,调试爽。
Pattern Lab 的原子化组件结构用起来还挺舒服的。每个组件都独立,样式也不会乱蹿,不怕撞 class。加上它自带的几个例子,上手挺快,照着改就能跑。Webpack 那边配置也算清晰,JS、CSS、字体、图片通通打包好,省去不少麻烦。
Drupal 部分也做了集成,样式能直接注入到主题里,而且不破坏 Drupal 自己的结构。你用 Drupal 8 或者更高版本,都能顺利接上。嗯,如果你正好在用 Drupal 做项目,又想搞个像样的设计系统,不妨试试这个套件,挺好用的。
粒子:一个与Drupal主题一起使用原型工具Pattern Lab的入门工具包。 利用Webpack进行所有资产管理
预估大小:305个文件
.gitignore
263B
.browserslistrc
42B
.eslintrc
51B
patterns.yml.ejs
260B
patterns.twig.ejs
199B
index.js.ejs
353B
pattern.test.js.ejs
120B
_pattern.twig.ejs
474B
index.js.ejs
1KB
.gitignore
109B
602.69KB
文件大小:
评论区