编译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并输出到构建目录

回答

相关问题