【问题标题】:Compile LESS, minify CSS and JS and output to build directory编译LESS,缩小CSS和JS并输出到构建目录
【发布时间】:2013-10-05 15:14:15
【问题描述】:

所以,我最近开始使用 ASP MVC4,在旅途中我发现了一些新技术和框架,例如 LESS、Bootrap 等(因为我已经很多年没有做过任何 Web 应用程序了!)它们的功能完全让我大吃一惊.我通过各种教程工作,我唯一学到的是:他们一起工作有多糟糕。我就是什么都做不了,非常令人沮丧。

我想要达到的目标:

  1. 在一个目录中包含引导程序更少的源代码以及其他特定于站点的更少文件,例如 Content\style\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 它只是编译此目录中的每个文件,而不是在下面的目录中。
  3. 优化和缩小:Web.Optimization 捆绑指令似乎只在运行时有效,而不是在构建时有效!

希望有人能帮助我。

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

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

【问题讨论】:

  • 首先,安装 Web Essentials 2012 (visualstudiogallery.msdn.microsoft.com/…)
  • @haim770 这对我的问题有帮助吗?我对 Web Essentials 包不是很熟悉,我只是认为它增加了对 HTML5、IntelliSense 等东西的更好支持。
  • 它会将您的LESS 文件编译为常规CSS。其余的你可以使用 Post-Build 事件来实现。
  • @haim770 安装并试用。它确实创建了一个新文件夹\Content\css(不是我想要的目录,但我可以忍受它!)但它是空的。没有LESS文件在任何地方编译?我必须在某处进行配置吗?
  • 检查 Visual Studio > 工具 > 选项 > Web Essentials。确保检查 LESS 编译。

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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-24
    • 1970-01-01
    • 1970-01-01
    • 2017-01-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-05
    相关资源
    最近更新 更多