0

我正在使用 ZF4，我最近注意到我的 css 文件有多大。特别是在一个页面上，我有 10 行 sass，它们使用了网格混合，所以我“优化”了我的导入，并得到了这个

@import "settings";
@import "foundation/components/global"; // *always required
@import "foundation/components/grid";

.tag-list-filter {
    @include grid-row('nest-collapse');

    .sub-nav {
        @include grid-column(6);
        margin: 0;
    }
    .date-in-filter {
        @include grid-column(4,true);
        label {
            display: inline;
        }
        input[type="text"] {
            display: inline;
            width: 50%;
        }
    }
}

这两个导入给了我 700 行 CSS 的开销！！！。而且我很高兴在我的 app.css 中添加这 700 行，因为我有很多使用网格系统的页面，但是为什么我的所有页面都应该有那么多重复的 css？

有没有办法避免这种情况？

4

1 回答 1

1

@Cimmanon 的建议是正确的，添加它解决了我的问题：

@import "settings";
$include-html-grid-classes: false;
$include-html-classes: false;
$include-print-styles: false;

@import "foundation/components/global"; // *always required
@import "foundation/components/grid";

每个组件可能都有自己的变量来控制是否打印样式。

顺便说一句，Zurbs 文档可以使用“性能提示”部分并将此提示包含在其中。并且每个页面中不包括整个基础。

于 2013-09-19T16:01:01.713 回答