粒子Webpack入门套件集成Pattern Lab与Drupal主题

粒子的 Webpack 打包方式挺省心的,一套代码能同时跑在 Drupal 主题、Grav 主题还有 Pattern Lab 原型里。用来做设计系统,统一视觉风格,响应也快,开发效率也高,适合前后端分离项目。Pattern Lab 的热加载一开,改个按钮颜色,浏览器立马同步,调试爽。

Pattern Lab 的原子化组件结构用起来还挺舒服的。每个组件都独立,样式也不会乱蹿,不怕撞 class。加上它自带的几个例子,上手挺快,照着改就能跑。Webpack 那边配置也算清晰,JS、CSS、字体、图片通通打包好,省去不少麻烦。

Drupal 部分也做了集成,样式能直接注入到主题里,而且不破坏 Drupal 自己的结构。你用 Drupal 8 或者更高版本,都能顺利接上。嗯,如果你正好在用 Drupal 做项目,又想搞个像样的设计系统,不妨试试这个套件,挺好用的。

folder
粒子:一个与Drupal主题一起使用原型工具Pattern Lab的入门工具包。 利用Webpack进行所有资产管理 预估大小:305个文件
file
.gitignore 263B
file
.browserslistrc 42B
file
.eslintrc 51B
file
patterns.yml.ejs 260B
file
patterns.twig.ejs 199B
file
index.js.ejs 353B
file
pattern.test.js.ejs 120B
file
_pattern.twig.ejs 474B
file
index.js.ejs 1KB
file
.gitignore 109B
folder
.gitinclude 文件夹
folder
.gitkeep 文件夹
file
.gitignore 33B
folder
.gitkeep 文件夹
folder
.gitkeep 文件夹
folder
.gitkeep 文件夹
file
.eslintignore 177B
file
sprite-svg.css 127B
file
tailwind.tokens.css 3KB
file
.editorconfig 203B
zip 文件大小:602.69KB