ttree/fusion-dynamicstyles

A Neos Fusion自定义元处理器，用于在页面渲染期间提取动态样式表

维护者

详细信息

github.com/ttreeagency/Fusion.DynamicStyles

源代码

问题

安装: 16

依赖项: 0

建议者: 0

安全性: 0

星标: 3

关注者: 5

分支: 0

开放问题: 0

类型:neos-package

dev-master 2017-01-28 14:51 UTC

Requires

MIT 453e6f502519a6d819a3ee702f11ec1899d59013

This package is auto-updated.

Last update: 2024-08-26 04:34:02 UTC

README

此包包含用于在页面渲染期间提取动态样式表的Fusion对象。

警告：当前的Fusion实现不支持此功能，因此此包需要此拉取请求

常见的情况是，有些复杂组件只在少数页面上使用。使用此插件，您可以在Fusion对象中优雅地定义何时需要为当前Fusion对象特定的样式表。

配置您的Fusion对象

prototype(WebStarter:Object.PersonList) < prototype(Fusion:Template) {
    templatePath = 'resource://Ttree.SwissConfederation.WebStarter/Private/Templates/PersonList.html'
    @css         = 'resource://Ttree.SwissConfederation.WebStarter/Private/Stylesheets/PersonList.css'
}

配置您的文档以在页面渲染期间内联CSS

prototype(Neos.Neos:Page).@process.styles = Ttree.Fusion.DynamicStyles:InlineStyles

配置您的文档以构建包含当前页面使用所有CSS的压缩外部CSS

prototype(Neos.Neos:Page).@process.styles = Ttree.Fusion.DynamicStyles:ExternalStyles

接下来是什么？

  • Fusion对象以内联外部CSS资源（内联）
  • CSS压缩
  • 添加一个Fusion对象以包含外部CSS资源
  • 更智能的构建过程（CSS排序等）
  • 添加更多配置（压缩、连接、压缩等）
  • 自动根据原型名称生成CSS名称（可扩展）
  • 连接
  • Gzip

鸣谢

由ttree ltd - neos解决方案提供商赞助开发。

我们尽最大努力用爱心制作这个包，我们欢迎赞助、支持请求等，请联系我们。

许可证

MIT许可证（MIT）。有关更多信息，请参阅LICENSE。