带有.css子文件的.less文件

时间:2013-10-03 10:12:49

标签: css asp.net-mvc less dotless

我想知道这个文件结构是如何完成的。

enter image description here

我知道如何使用无点,但我不知道如何在.less文件下编译文件 有什么想法吗?

修改

我找到了这个question

我有一个想法,如果我能够使用<DependentUpon>标记使每个.css文件位于.less文件旁边,那么它可以工作。

关于无点

,我一直关注这个tutorial

我认为解决方案可以在这里完成:

<?xml version="1.0" encoding="utf-8" ?>
<Project xmlns="http://schemas.microsoft.com/developer/MsBuild/2003">
  <Target Name="CompileDotlessCss">
    <ItemGroup>
      <Binaries Include="*.dll;*.exe"/>
    </ItemGroup>

    <!-- Compile dotLess CSS into minified full CSS -->
    <Exec Command="$(ProjectDir)..\[MSBuild]\dotless.Compiler.exe $(ProjectDir)..\css\main.css $(ProjectDir)..\css\main.min.css -m"/>

  </Target>
</Project>

但我不知道怎么......请帮忙!

修改2

我想我需要改变这个问题 所以我的新问题是,“如何在项目中使用Exec命令自动包含生成的文件,并将这些生成的.css文件作为目标.less文件的子文件?”

编辑3

嗯...我的问题可能让其他人感到困惑..我在video找到了这个post,这就是我想要的。从.less文件生成.css文件,并将.css文件作为.less的子文件,并自动包含在项目中!但是使用MSBuild ..这可能吗?请帮忙! : - )

编辑最终

好的..在我阅读文档并使用此extension后 我意识到,我正在做上面的旧事 所以,我不需要在上面做那些事情,所有这些都是使用网络必需品完成的。

所以我的问题的答案是,使用Web Essentials。

1 个答案:

答案 0 :(得分:0)

我认为您发现,Web Essentials可以自动执行此操作。然后它也可以将生成的CSS文件捆绑到一个文件中,这也非常方便。

http://vswebessentials.com/