编译LESS,缩小CSS和JS并输出到构建目录

时间:2013-09-29 20:01:54

标签: c# asp.net css asp.net-mvc-4 twitter-bootstrap

所以,我最近开始使用ASP MVC4,在我的旅程中,我发现了一些新的技术和框架,例如LESS,Bootrap等(因为我多年来没有做过任何Web应用程序!),它的功能完全让我头疼。我通过各种教程工作,我学到的唯一的事情是:他们一起工作有多糟糕。我只是无法正常工作,而且非常令人沮丧。

我想要实现的目标:

  1. 在一个目录中引导较少的源以及其他特定于站点的较少文件,例如Content\style\less\*.less(也适用于JS文件:Scripts\*.js
  2. 在构建时编译LESS文件(预构建)
  3. 将所有文件复制到自定义构建目录,例如bin\style\*.css
  4. 最小化并优化输出目录中的css和js文件。
  5. 在运行时将所有内容捆绑在一起
  6. 我失败了:

    1. 将所有文件复制到自定义构建目录。 Visual Studio只编译代码并将其复制到bin\
    2. 正确编译较少的文件。我使用dotless.compiler.exe创建了一个预构建指令,但它在简单的任务中失败,例如复制到新目录或反向目录编译(当我说编译\Content\style\less\*.less时它只编译此目录中的每个文件,而不是在下面的目录中。
    3. 优化和缩小:似乎Web.Optimization捆绑指令仅在运行时工作,而不是在构建时工作!
    4. 我希望有人能帮助我。

      我使用的技术和框架:ASPX,MVC4,Razor,dotless,Bootstrap,Web.Optimization

      编辑关注输出任务:我期待太多了吗?编译应用程序并将所有必需的资源复制到单独的\bin(构建)目录是.NET应用程序生产生命周期中的常见元素。为什么不为ASP网站,因为它们被称为applications

1 个答案:

答案 0 :(得分:0)

安装Web Essentials后,Shift + Alt + Y是触发重新编译所有.less文件的默认键绑定。