編譯LESS，縮小CSS和JS並輸出到構建目錄

因此，最近我開始使用ASP MVC4，在我的旅程中，我發現了一些新技術和框架，比如LESS，Bootrap等（因爲我沒有做過任何網絡應用程序在幾年！）的能力完全吹拂我的思想。我通過各種教程工作，我學到的唯一東西是：他們一起工作有多糟糕。我無法得到任何工作，而且非常令人沮喪。編譯LESS，縮小CSS和JS並輸出到構建目錄

我想達到的目標：

有bootraps與特定的其他部位少一個目錄中的文件一起少源，如Content\style\less\*.less（也爲JS文件：Scripts\*.js）
編譯在編譯LESS文件（預編譯）
將所有文件複製到自定義編譯目錄，例如bin\style\*.css
最小化和優化輸出目錄中的css和js文件。
捆綁一起在運行時

我不能在：

將所有文件複製到自定義生成目錄。 Visual Studio只編譯代碼並將其複製到bin\
正確編譯較少的文件。我用dotless.compiler.exe創建了一個預生成指令，但是它在簡單的任務上失敗了，比如複製到新目錄或者反向目錄編譯（當我編譯\Content\style\less\*.less時它只編譯這個目錄中的每個文件，而不是目錄。下面
優化和縮小：看來，Web.Optimization捆綁指令只能在運行工作，而不是在生成時

我希望有人能幫助我

技術和框架，我用！：ASPX，MVC4，Razor，dotless，Bootstrap，Web.Optimization

編輯：關注輸出任務：我是否期待太多？編譯應用程序並將每個必需資源複製到獨立的\bin（構建）目錄是.NET應用程序生產生命週期中的一個常見元素。爲什麼不爲ASP網站，因爲他們也被稱爲applications。

來源

2013-09-29 Acrotygma

首先，安裝Web Essentials 2012（http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6） – haim770

@ haim770這可以幫助解決我的問題嗎？我對Web Essentials包不太熟悉，我只是認爲它增加了對HTML5，IntelliSense等東西的更好支持。 – Acrotygma

它會將您的'LESS'文件編譯爲常規'CSS'。剩下的你可以使用Post-Build事件來實現。 – haim770

安裝Web Essentials後，Shift + Alt + Y是觸發重新編譯所有.less文件的默認密鑰綁定。

來源

2013-10-09 14:35:29 TheQ

編譯LESS，縮小CSS和JS並輸出到構建目錄

回答

相關問題