添加缩小的js，css和非缩小的js，css是有益的吗？

Question

我不知道如何质疑我所遇到的困惑。 目前我正在开发一个已经开发的MVC5项目。我在布局页面上看到了这一点，添加了bootstrap包，当我检查bootstrap包代码时，它具有如下所示的缩小和非缩小js引用：

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                      "~/Scripts/bootstrap.js",
                      "~/Scripts/bootstrap.min.js"
                      ));

我不知道是否需要同时添加两者？它会造成任何问题吗？如果添加了缩小和非缩小文件，CSS会发生什么？

Answer 1

您不应同时使用这两个文件

在处理代码(Debug mode) use the non minified version或偶数debug version时（如果可用），因为它有助于轻松找出错误。

当deploying the application使用minified version作为file will be lighter并快速加载时。

Answer 2

不，不需要添加这两个文件。如果你同时添加它们，它会考虑最后一个文件。我建议你为生产和开发创建两个不同的包，只需要在上传到生产时切换标志。

Answer 3

它永远不需要在线下进一步添加文件它取决于您的要求。 它们在功能上都是相同的，但.min会删除所有不必要的字符，以使文件更小。 如果你想编辑bootstrap js，请保留项目中的非缩小js，因为迷你JS无法被修改或理解。 如果您不修改任何js，请保留迷你版本。 Mini js提供超过其原始格式（非迷你）的许多好处。见：

1. 为您的用户提供更快的下载时间。
2. 减少网站的带宽消耗。
3. 将许多javascript文件合并到服务器上时，服务器上的HTTP请求数量减少了 一个压缩文件，从而减少了服务器负载，并允许更多访问者访问我们的网站。
4. javascript执行不需要注释和空格;删除它们会加快脚本执行时间。

虽然Bootstrap提供自定义js创建，但如果您看到项目更改需要mini js（为了更快的执行和其他一些好处），只需访问他们的网站并修改您的js。

注意：也可以指出，您最好在您的实时环境中使用缩小版本（.min），因为Google现在正在检查页面加载时间。将所有JS文件缩小意味着它们将加载更快并且将为您获得更多的布朗尼点。

你可以获得一个名为Page Speed的Mozilla插件，它将浏览你的网站并向你显示所有的.JS文件，并提供缩小版本（以及其他内容）。