如何设置Visual Studio编译LESS文件的目录?

时间:2013-12-06 14:18:55

标签: asp.net css visual-studio-2012 less

我在Win 7上使用VS 2012。目前(默认情况下,我假设)它将LESS文件编译为CSS,保存到与LESS文件相同的目录。

我宁愿将所有CSS文件保存到“less”目录旁边的“css”目录中。我是从Mac使用CodeKit进行编译的,在这里你可以选择一个输出路径。我无法弄清楚如何在VS中设置输出路径。

我在寻找的是:

-Projectroot
----less
----css
----js
etc.

我的LESS文件全部为“/ less”,编译后的css为“/ css”

2 个答案:

答案 0 :(得分:3)

如果您在团队中工作,您可能希望他们拥有与您相同的CSS输出文件夹(而不是告诉他们每个人更改其默认的Web Essentials设置),因此最好的方法是输出您的根据Visual Studio解决方案进行设置。

  1. 在Visual Studio菜单中,转到 WEB ESSENTIALS>创建解决方案设置

    enter image description here

  2. 将在您的解决方案下创建一个新的文件夹和文件:

    enter image description here

    打开生成的文件 WebEssentials-Settings.json 并更改 Less 下的 OutputDirectory 属性到您想要的文件夹路径:

    enter image description here

  3. 希望有所帮助。

答案 1 :(得分:0)

你有没有尝试过TOOLS>选项> WEB基本要素> LESS并设置自定义输出目录?