Question

这很好奇。我在BundleConfig.cs中有这些包：

        bundles.Add(new ScriptBundle("~/bundles/custom").Include(
                "~/Scripts/custom.js"
            ));

看到我有CSS包和脚本包。请特别查看两个包中的最后一个，custom.css和custom.js。

奇怪的是，在所有文件中，发布网站时不会呈现custom.css和custom.js。当我调试时，一切正常。问题仅发生在生产现场。

custom.css和custom.js都没有最小化。您可以看到自定义css here和custom.js here。

渲染时，所有CSS都使用以下网址加载：http://demo.relojelectronico.cl/Content/css?v=l7FFCONJaEcRHBZMIAQIwzM3XkNczNlgWBYwjHtrumM1

所有JS都使用：http://demo.relojelectronico.cl/bundles/gentelella?v=vBQcZjDbD_j0oRIktzJoqND9pbeEqe-jNtQFHZ9YfMM1

进行渲染

任何帮助将不胜感激。

编辑：

我注意到CSS文件已正确呈现。问题只有custom.js。

为了测试它，我把它分开捆绑，这样：

/**
 * Resize function without multiple trigger
 * 
 * Usage:
 * $(window).smartresize(function(){  
 *     // code here
 * });
 */
(function ($, sr) {
    // debouncing function from John Hann
    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
    var debounce = function (func, threshold, execAsap) {
        var timeout;

        return function debounced() {
            var obj = this, args = arguments;
            function delayed() {
                if (!execAsap)
                    func.apply(obj, args);
                timeout = null;
            }

            if (timeout)
                clearTimeout(timeout);
            else if (execAsap)
                func.apply(obj, args);

            timeout = setTimeout(delayed, threshold || 100);
        };
    };

    // smartresize 
    jQuery.fn[sr] = function (fn) { return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };

})(jQuery, 'smartresize');
/**
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

var CURRENT_URL = window.location.href.split('#')[0].split('?')[0],
    $BODY = $('body'),
    $MENU_TOGGLE = $('#menu_toggle'),
    $SIDEBAR_MENU = $('#sidebar-menu'),
    $SIDEBAR_FOOTER = $('.sidebar-footer'),
    $LEFT_COL = $('.left_col'),
    $RIGHT_COL = $('.right_col'),
    $NAV_MENU = $('.nav_menu'),
    $FOOTER = $('footer');



// Sidebar
function init_sidebar() {
    // TODO: This is some kind of easy fix, maybe we can improve this
    var setContentHeight = function () {
        // reset height
        $RIGHT_COL.css('min-height', $(window).height());

        var bodyHeight = $BODY.outerHeight(),
            footerHeight = $BODY.hasClass('footer_fixed') ? -10 : $FOOTER.height(),
            leftColHeight = $LEFT_COL.eq(1).height() + $SIDEBAR_FOOTER.height(),
            contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight;

        // normalize content
        contentHeight -= $NAV_MENU.height() + footerHeight;

        $RIGHT_COL.css('min-height', contentHeight);
        $RIGHT_COL.css('height', contentHeight);
    };

这样，您就可以看到捆绑的版本here。

好奇的是，原始的JS从以下开始：

with tempfile.NamedTemporaryFile('wb') as ff:
   ff.write(f.read())
   img = imread(ff.name)

（我刚刚开始）。您可以注意到，创建捆绑包时，它从init_sidebar函数开始。 JS文件中的许多函数都会发生同样的情况。捆绑后，它们将从文件中删除。

这怎么可能？

我已经使用BundleTable.EnableOptimizations = false进行了测试;在BundleConfig中，这样，custom.js按原样呈现。问题只发生在优化时。

Answer 1

我回答我的问题，如果这可以帮助其他人面对这个问题。

这没有记录，但我发现了问题所在。

事实证明，在两个文件夹（内容和脚本）中，存在custom.css和custom.js的缩小版本（分别名称为custom.min.css和custom.min.js）。那些缩小版本不是custom.css和custom.js的相应缩小版本，但它们是原始版本。

所以，我使用了一个在线缩小器（for CSS和for JS）并替换了网站的最小版本，并且它有效。

这是结论。在ASP.NET MVC中启用优化时，优化器首先查找等效的“.min”。文件如果存在于文件夹中。如果是，则将该文件发送到浏览器。如果没有，则执行缩小。

这也可能是“.min”的原因。在捆绑中添加了该文件的版本，它不起作用，并且根本不发送该文件。

也许所有这些都记录在某处，但我还没有找到它。

干杯，

的Jaime

Answer 2

尝试添加

<add name="BundleModule" type="System.Web.Optimization.BundleModule" />

在网络配置<modules> under <system.webServer>.

中

来源：https://forums.asp.net/t/1857743.aspx?Bundling+not+working+when+deployed+to+web+host+works+fine+locally

有用的链接：Why is my CSS bundling not working with a bin deployed MVC4 app?

MVC5捆绑包对某些资源不起作用

2 个答案: