如何在 Visual Studio 2015 中缩小 CSS 和 JavaScript 文件

Question

我正在使用 Visual Studio 构建一个移动 Web 应用程序，我想知道如何将所有 CSS 文件压缩为一个文件，以及如何将所有 JavaScript 文件压缩为一个压缩文件。

Answer 1

您可以使用 Visual Studio 2015 Bundler & Minifier、扩展 https://visualstudiogallery.msdn.microsoft.com/9ec27da7-e24b-4d56-8064-fd7e88ac1c40 这曾经是 Visual Studio 早期版本中 Web Essentials 的一部分，但被分离成它自己的扩展。

Answer 2

下面的链接解释得更好 https://learn.microsoft.com/en-us/archive/blogs/rickandy/adding-web-optimization-to-a-web-pages-site

http://www.asp.net/mvc/overview/performance/bundling-and-minification

Answer 3

它在 ASP.NET MVC 核心的 Bundleconfig.json 中处理

完整文章如下： https://learn.microsoft.com/en-us/aspnet/core/client-side/bundling-and-minification?view=aspnetcore-2.1&tabs=visual-studio%2Caspnetcore2x

Answer 4

其他答案中提到的两个扩展似乎都被放弃了，但好消息是，Visual Studio 内置了对

npm

和 Grunt/Gulp 任务的支持 - 可以“监视”文件，并缩小/编译 JS、CSS、SASS 和您项目中的所有其他内容。

1. 将

   package.json

   拖放到项目根文件夹中，并在其中添加 Grunt 或 Gulp。 Visual Studio 将“检测”它并在后台安装所有

   npm

   包。
2. 添加

   Gruntfile.js

   （如果您喜欢Gulp，则添加Gulpfile），Visual Studio“任务运行程序”也会自动检测到它。
3. 编辑 Gruntfile（或 Gulpfile）来缩小/编译你的文件（可以在网上找到大量信息），也可以选择添加“观察者”。
4. 在“查看 - 其他窗口 - 任务运行程序”下配置这些任务以在项目打开时运行。

我写了一篇详细的博客文章，其中包含屏幕截图和所有内容，因为对于 VS/.NET 人员来说，一开始熟悉

npm/grunt/gulp/npm-scripts

可能会很困难，但这很容易，相信我！我自己也去过那里。