【问题标题】:How to ignore certain LESS files in Web Essentials LESS compiling? (Bootstrap)如何在 Web Essentials LESS 编译中忽略某些 LESS 文件? (引导程序)
【发布时间】:2013-10-13 07:57:30
【问题描述】:

我已设置 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)(包含所有包含和混合)。这意味着,事实上,我会以不同的名称一遍又一遍地拥有几乎相同的 css 文件。

我可以声明某些文件在保存时被忽略吗?

【问题讨论】:

    标签: css twitter-bootstrap visual-studio-2012 less web-essentials


    【解决方案1】:

    Web Essentials 中有一个约定,如果您的 less 文件的名称以下划线开头(例如 _utils.less),则保存时不会将其编译为 css。

    https://webessentials.uservoice.com/forums/140520-general/suggestions/3319359-don-t-compile-nested-less-files

    【讨论】:

    • 这是我整个星期听到的最好的话!它会为我省去很多头痛!
    【解决方案2】:

    好的,我想通了。

    我最初想要的是在构建时少编译,Web Essentials 非常友好地在保存时执行此操作。要停用此功能,请在 Visual Studio 2012 中转到工具 -> 选项 -> Web Essentials -> LESS 并停用“保存时生成 CSS 文件”。

    根据Visual Studio Extension page for Web Essentials,目前还不能对构建进行缩小,但会在未来的版本中使用。我必须自己删除 .min.css 文件并在每次构建时重新创建它。 :(

    每个开发者的专业提示:

    如果你使用任何框架、工具、扩展等,而你的新超能力没有按预期工作,不要责怪扩展,闭嘴,自己动手。

    【讨论】:

    • 在此之前,只需保存 bootstrap.less,然后禁用该功能。这会让你得到一个分组的 bootstrap.css。禁用该功能后,只要您想更新 bootstrap.css,请点击顶部菜单中的 Web Essentials > 重新编译所有 LESS 文件。结果是 JUST bootstrap.css 再次被编译出来 - 它不会尝试生成 variables.css 等。
    • 很抱歉,您没有回答您的问题。您应该认真重新考虑将自己的帖子标记为此处的答案。如果您打算问其他问题,也许最好作为一个单独的问题问?
    【解决方案3】:

    尽管@corvuscorax 所说的绝对正确,但我所做的(如果您不喜欢以下划线开头的文件名的想法)是创建一个以 # 开头的文件夹

    这似乎阻止了 webessentials 编译你的 less。

    请注意,Visual Studio 不允许您创建带有起始哈希的文件夹,因此您必须使用 Windows 资源管理器创建它,然后通过 Visual Studio 将其添加到您的项目中。

    【讨论】:

      【解决方案4】:

      对于只忽略文件,您可以在文件名中使用下划线。

      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

      【讨论】:

        【解决方案5】:

        有一种方法可以保留您的文件名并防止 WebEssentials 同时编译您的 LESS。使用 docs 中所述的被忽略文件的文件名或掩码创建 .weignore 文件。

        【讨论】:

        • 我喜欢这个,因为在处理一堆已经在别处引用的现有文件时,它是最不入侵的。更改所有文件名会很糟糕。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-06-07
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多