javascript - ScriptBundle+Optimization 返回不需要的数字

Question

我正在使用 ScriptBundle 并将 EnableOptimizations 设置为 true。

我原来的脚本是

$('.carousel').carousel({ interval: 5000, pause: "hover" })

缩小后的结果是

$(".carousel").carousel({interval:5e3,pause:"hover"})

这让旋转木马的滑动速度超快!知道如何解决这个问题吗？我应该使用任何转义字符来避免 5000 转向 5e3 吗？

谢谢!

Answer 1

你可以缩小 bootstrap 但有几条规则:

确保你没有缩小缩小版本，去掉 block 注释/* */似乎可以减少错误。最后像这样把所有东西分开:

bundles.Add(new ScriptBundle("~/js/jquery").Include(
            "~/assets/js/jquery-{version}.js",
            "~/assets/js/jquery-migrate-{version}.js",
            "~/assets/js/jquery.flexslider.js",
            "~/assets/js/jquery.isotope.js",
            "~/assets/js/jquery.fancybox-{version}.js"
        ));

        bundles.Add(new ScriptBundle("~/js/bootstrap").Include(
            "~/assets/js/bootstrap.js",
            "~/assets/js/jquery.validate.unobtrusive-custom-for-bootstrap.js",
            "~/assets/js/bootstrap-datepicker.js"
        ));

        bundles.Add(new ScriptBundle("~/js/custom").Include(
            "~/assets/js/revolution.custom.js",
            "~/assets/js/custom.js"
            ));

我发现这种方法似乎可以让野兽平静下来，而且效果不错。我还发现:

<script src="~/assets/js/jquery.validate.min.js"></script>
    <script src="~/assets/js/jquery.validate.unobtrusive.min.js"></script>

这些文件最好自己完成，并且会导致脚本捆绑出现重大问题。