如何在Razor页面中动态合并已定义的VB.Net MVC脚本/样式Bundle？

当然可以实现！不过得先明确：ASP.NET的Bundle机制默认是在应用启动阶段（比如BundleConfig.RegisterBundles方法）完成注册的，但我们完全可以通过一些技巧在Razor页面内动态创建新Bundle，并将已定义的多个Bundle合并进去。下面是具体的实现思路和代码示例：

核心实现思路 #

• 实例化新的ScriptBundle对象作为动态Bundle
• 从BundleTable.Bundles中获取已注册的目标Bundle，提取它们包含的文件列表
• 将这些文件添加到动态Bundle中，最后在页面渲染这个动态Bundle

完整代码示例 #

在你的Razor页面中，可以这样改写scripts区块：

@section scripts {
    @{
        // 创建一个唯一的动态Bundle路径，避免和已有Bundle冲突
        var dynamicBundlePath = "~/plugins/onPageDynamicBundle_" + Guid.NewGuid().ToString("N");
        var dynamicBundle = new ScriptBundle(dynamicBundlePath);
        
        // 定义需要合并的已有Bundle路径列表
        var targetBundlePaths = new[] { 
            "~/plugins/bundle1", 
            "~/plugins/bundle2", 
            "~/plugins/bundle3", 
            "~/plugins/bundle4", 
            "~/plugins/bundle5" 
        };
        
        // 遍历目标Bundle，把它们的文件添加到动态Bundle中
        foreach (var path in targetBundlePaths)
        {
            var existingBundle = BundleTable.Bundles.GetBundleFor(path);
            if (existingBundle != null)
            {
                // 添加所有包含的文件
                foreach (var includePath in existingBundle.Include)
                {
                    dynamicBundle.Include(includePath);
                }
                // 可选：同步排除的文件规则
                foreach (var excludePath in existingBundle.Exclude)
                {
                    dynamicBundle.Exclude(excludePath);
                }
            }
        }
        
        // 将动态Bundle注册到Bundle表中
        BundleTable.Bundles.Add(dynamicBundle);
        
        // 渲染这个动态合并后的Bundle
        @Scripts.Render(dynamicBundlePath)
    }
}

关键注意事项 #

• 调试模式适配：如果Web.config中设置了compilation debug="true"，Bundle不会被压缩合并，会逐个输出原始文件，这时候动态Bundle的表现和直接渲染多个Bundle一致，发布后（debug=false）会自动完成合并压缩。
• 缓存与路径唯一性：动态Bundle的路径必须唯一，否则会覆盖已有的Bundle或者导致缓存混乱。上面的示例用了Guid来生成唯一路径，你也可以根据页面标识、用户ID等生成更有意义的唯一路径。
• 性能优化建议：如果是固定的合并组合，建议直接在BundleConfig中预定义合并后的Bundle，这样可以避免每次请求都动态创建的开销。只有在需要根据页面上下文动态调整合并内容的场景下，才使用页面内动态创建的方式。
• 权限与依赖：确保动态Bundle引用的文件都有正确的访问权限，并且依赖关系正确（比如某些脚本需要按顺序加载，这时候要保证动态Bundle的文件顺序和原Bundle一致）。

内容的提问来源于stack exchange，提问作者Drew