我已经设置了Web Essentials 2013(在Visual Studio 2012中)并加载了默认的Twitter Bootstrap LESS源文件。自动构建和缩小工作完美,除了Web Essentials相当于工作。当我选择“bootstrap.less
”,进行更改并保存时,Web Essentials会创建一个新的“bootstrap.css
”以及一个“bootstrap.min.css
”,其中包含我需要的所有内容。但是当我编辑时,例如buttons.less
,它也会创建buttons.css
(和buttons.min.css
)(包含所有包含和mixins)。实际上,这意味着我将在不同的名称下一遍又一遍地使用几乎相同的css文件。
我可以在保存时声明某些文件被忽略吗?
答案 0 :(得分:28)
Web Essentials中有一项约定,如果较小文件的名称以下划线开头(如_utils.less
),则在保存时不会将其编译为css。
答案 1 :(得分:20)
好的,我明白了。
我最初想要的是在构建时编译较少,Web Essentials在保存时非常友好。要停用此功能,请在Visual Studio 2012中转到工具 - >选项 - > Web Essentials - >减少并停用“保存时生成CSS文件”。
根据Visual Studio Extension page for Web Essentials,构建的缩小不是现在,而是将来的版本。我必须自己删除.min.css文件,并在每次构建时再次创建它。 :(
如果你使用任何框架,工具,扩展等,并且你的新超级大国不能按预期工作,不要责怪扩展,闭嘴并自己动手。
答案 2 :(得分:1)
虽然@corvuscorax所说的绝对是真的,但我做的是(如果你不喜欢用下划线开始你的文件名的想法)是创建一个以#
开头的文件夹这似乎阻止了webessentials编译你的更少。
请注意,Visual Studio不允许您创建具有起始哈希的文件夹,因此您必须使用Windows资源管理器创建它,然后通过visual studio将其添加到项目中。
答案 3 :(得分:1)
要忽略文件,可以在文件名中使用下划线。
Web Essentials有一个内部约定,即以下划线开头的文件不会保存到CSS。
这实际上非常有用。您不希望您的variables.less或mixins.less文件保存为variables.css或mixins.css。所以在这种情况下,将它们命名为_variables.less和_mixins.less。它们将被编译(并因此检查正确的语法),但不会占用磁盘或源代码控制中的空间作为冗余CSS文件。
https://medium.com/@brendaningram/web-essentials-not-saving-css-files-a450b8c2d23a
答案 4 :(得分:1)
有一种方法可以保留您的文件名并阻止WebEssentials同时编译您的LESS。使用docs中所述的已忽略文件的文件名或掩码创建 .weignore 文件。