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

Question

我正在使用 visual studio 构建移动网络应用程序，我想知道如何将所有 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

下面的link解释得更好 http://blogs.msdn.com/b/rickandy/archive/2012/08/15/adding-web-optimization-to-a-web-pages-site.aspx

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

Answer 3

它在 bundleconfig.json 中为 asp.net mvc 核心处理

全文如下： https://docs.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 任务的支持 - 可以“监视”文件和 minify/compile JS、CSS、SASS 以及项目中的所有其他内容。

1. 将 package.json 拖放到项目根文件夹中，并在其中添加 G运行t 或 Gulp。 Visual Studio 将“检测”它并在后台安装所有 npm 包。
2. 添加Gruntfile.js（或者Gulp文件，如果你喜欢Gulp）和Visual Studio“任务运行ner”也会自动检测到它。
3. 编辑 G运行tfile（或 Gulpfile）到 minify/compile 您的文件（大量信息可以在线找到）并选择性地添加一个“观察者”。
4. 在“查看 - 其他 Windows - 任务运行程序”下，将这些任务配置为 运行 在项目打开时。

我写了一个详细的blog post，其中包含屏幕截图和所有内容，因为对于 VS/.NET 用户来说，一开始熟悉 npm/grunt/gulp/npm-scripts 可能会让人不知所措，但这很容易，相信我！我自己去过。