Visual Studio中的Javascript和CSS资产打包

Javascript and CSS Asset Packaging in Visual Studio

本文关键字：CSS Studio 中的 Javascript Visual 更新时间：2023-09-26

在我正在开发的ASP.Net MVC应用程序中，我有几个backbone.js视图、javascript模块和样式表。我想在开发过程中分离这些文件，但在部署之前合并/合并、压缩、uglify、解决依赖关系等。Ruby社区为此提供了解决方案，包括Juicer和Jammit。对于.Net web开发人员来说，是否有类似的解决方案，最好是与visual studio集成的解决方案。

我过去曾使用过Chirpy。还编译SASS、LESS和CoffeeScript。

我们使用YUI Builder正是为了这个目的。（我们碰巧在产品中也广泛使用YUI。）它是基于Java/Ant的，但通过创建一个项目文件（在我们的案例中是csproj）并覆盖"build"目标，让msbuild完成所有工作并不难。我们将该项目包含在主.sln文件中，它会自动与我们所有的C#/.NET项目一起构建。

需要注意的一点是：在以这种方式构建时，我们最初会遇到频繁/随机的"拒绝访问"错误。事实证明，VisualStudio锁定了YUIBuilder生成的许多中间文件。因此，我们的解决方法是将所有相关文件自动复制到一个临时文件夹中，在那里完成工作，然后自动复制回来。

它并不理想，当然也不是你所希望的开箱即用的集成，但它对我们来说很好。它为我们提供了缩小、JSLint检查、依赖关系管理，以及一个服务于一个组合文件而不是单个脚本的基础设施。