《暮光之城》Tailwind-Theme
Tailwind-Theme Plugin注册 暮光Web组件 样式并使用JavaScript而不是CSS注入它们。对于基于顺风的主题来说，这是一个很好的起点。
浏览我们的博客»
报告错误 ·
请求功能 . < /萨拉开发者> . 官方文档
概述
的样式 暮光Web组件 然后使用JavaScript而不是CSS将它们注入主题样式表。它也可以作为一个启动主题的任何主题为基础 顺风.
使用
默认情况下，任何 Tailwind-based 主题将查找 tailwind.config.d.ts 文件，以检索任何预设置和自定义。因此，插件Tailwind-Theme应该添加到 tailwind.config.d.ts 文件如下：
plugins: [
...
require('@salla.sa/twilight-tailwind-theme'),
....
]
启用了JIT的
顺风 增加了一个 即时编译器，它在开发人员编写主题时生成样式，而不是在初始构建时提前生成所有内容。由于JIT模式通过扫描模板文件按需生成CSS，因此开发人员必须配置 content 选项中的 tailwind.config.d.ts 文件中包含所有主题路径，否则CSS类将为空。
...
content: [
// theme views
"views/**/*.twig",
// list of classes which required by twilight web components
"node_modules/@salla.sa/twilight-tailwind-theme/safe-list-css.txt"
],
...
添加新组件
使用Tailwind，开发人员可以通过将预先存在的类直接应用到HTML中来样式化元素。这是使用实用程序类来构建自定义设计，而无需编写CSS。在此基础上，开发人员只需执行以下步骤即可开发新组件：
- 用新组件的名称创建一个新文件夹。
- 创建一个
utilities.json包含新组件类列表的文件，格式为json。
发布
最后，开发人员可以使用以下命令发布项目：
npm run publish
（回到顶部）
支持
团队总是在这里帮助你。碰巧遇到了问题？想要报告bug？你可以在Github上提交一个 问题跟踪器。如果您还有任何问题，请通过电子邮件与我们联系 电报机器人 或加入全球开发者社区 电报.
（回到顶部）
贡献
贡献使开源社区成为一个学习、启发和创造的神奇场所。 你做的任何贡献都是 极大的赞赏.
如果你有一个更好的建议，请fork repo并创建一个pull request。 你也可以简单地打开一个带有“增强”标签的问题。别忘了给这个项目打个星！再次感谢!
- 分岔项目
- 创建特性分支(
git checkout -b feature/AmazingFeature） - 提交更改(
git commit -m 'Add some AmazingFeature'） - 推至分行(
git push origin feature/AmazingFeature） - 打开拉取请求
（回到顶部）
学分
（回到顶部）
许可证
麻省理工学院许可证（MIT）。请参阅 许可文件 了解更多信息。
（回到顶部）