2013-10-03 68 views
0

我想知道如何完成這個文件結構。.less文件與.css子文件

enter image description here

我知道如何使用帶點,但我不知道該怎麼做下.LESS文件編譯的文件。
任何想法?

編輯

我發現這個question

而且我有一個想法,如果我能盡一切.css文件坐在旁邊用<DependentUpon>標籤.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完成。

所以我的問題的答案是,使用Web Essentials。

+0

你可以看看的Visual Studio 2012是如何做的(或WebEssentials如果你有2010)。它開箱即用2012年 – Kenneth

+0

@Kenneth老實說,我不知道如何做到這一點。我只是MSBuild的新手。看看這篇文章http://stackoverflow.com/questions/2176675/visual-studio-precompile-dotless/13607390?noredirect=1#answer-13607390我想答案可以在這裏找到。 – fiberOptics

+0

@ Kenneth謝謝!我現在明白了。請看我最後的編輯.. – fiberOptics

回答

0

正如我認爲您發現的那樣,Web Essentials可以自動執行此操作。它也可以將生成的CSS文件捆綁到一個文件中,這非常方便。

http://vswebessentials.com/