编译后的css预处理器文件混乱

时间:2015-04-17 作者:Hung PD

我在WordPress主题开发中使用较少,但在编译CSS文件后,我有一点问题。像这样:

LESS

body {
    color: white;
    background-color: black;
}

CSS

body { color: white; background-color: black; }
比如说,如果我想用CSS混乱将我的主题提交给WP,可以吗?谢谢你的帮助。

当做

1 个回复
SO网友:Mayeenul Islam

别担心!这不是一团糟,实际上是CSSminification. :)

缩小是向访问者提供重量较轻文件的一种方式。但讽刺的是,缩小的文件不利于阅读,也不利于编辑(实际上是为机器准备的。

要避免这种情况,只需检查LESS编译器。在其中的某个地方,您检查了编译器以缩小已编译的CSS文件。只需关闭缩小功能,编译后就会得到一个漂亮的CSS文件。:)

但我用另一种方式来做,我取消选中“缩小”,只编译一次最终文件。将编译后的未统一CSS文件复制到名为/development/, 然后检查缩小并再次编译文件,并将缩小后的文件放在主题的根目录中。在我提到的自述文件中,开发人员可以在其中找到进一步开发所需的文件。:)

缩小WordPress主题style.css 注意事项

但请注意,在缩小时,编译器会忽略所有已注释的文本。您知道WordPress主题将其信息存储在注释块的第一行。如果你提供一个缩小的文件,它将删除所有的评论,你的主题将变成孤儿。为了防止出现这种情况,请从您的style.less 使用文件/*! 而不是/*. 它会告诉编译器保留注释,即使文件缩小了。:)

/*!
Theme name: example
...
*/
selector{
    //css rules
}

Learn more...

结束