簡體   English   中英

編譯LESS,最小化CSS和JS,然后輸出以構建目錄

[英]Compile LESS, minify CSS and JS and output to build directory

因此,我最近開始使用ASP MVC4,在旅途中,我發現了一些新技術和框架,例如LESS,Bootrap等。(因為多年來我沒有做過任何Web應用程序!),其功能完全使我震驚。 我通過各種教程來學習,而我唯一學到的是:它們協同工作的程度。 我只是什么都做不了,這讓我非常沮喪。

我要實現的目標:

  1. 在一個目錄中減少Bootrap的源以及其他站點特定的文件,例如Content\\style\\less\\*.less 。less(對於JS文件: Scripts\\*.js
  2. 在構建時編譯LESS文件(預構建)
  3. 將所有文件復制到自定義構建目錄,例如bin\\style\\*.css
  4. 最小化和優化輸出目錄中的css和js文件。
  5. 在運行時將所有捆綁在一起

我的失敗之處:

  1. 將所有文件復制到自定義生成目錄。 Visual Studio只是編譯代碼並將其復制到bin\\
  2. 正確編譯較少的文件。 我用dotless.compiler.exe創建了一個預構建指令,但是它在簡單的任務上失敗,例如復制到新目錄或反向目錄編譯(當我說編譯\\Content\\style\\less\\*.less 。less時,它只是編譯而已此目錄中的每個文件,而不是下面的目錄。
  3. 優化和最小化:似乎Web.Optimization捆綁指令僅在運行時有效,而在構建時無效!

我希望有人能幫助我。

我使用的技術和框架:ASPX,MVC4,Razor,無點,Bootstrap,Web.Optimization

編輯關於輸出任務:我期望太多了嗎? 始終在.NET應用程序生產生命周期中,編譯應用程序並將每個必需的資源復制到單獨的\\bin (構建)目錄是一個常見元素。 為什么不使用ASP網站,因為它們也稱為applications

安裝Web Essentials后 ,Shift + Alt + Y是觸發所有.less文件重新編譯的默認鍵盤綁定。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM