bundling-and-minification

Briefly: Bundles which contain items from a VirtualPath (Served by custom VirtualPathProvider) don't work. Hash isn't generated in the v= and resolving them shows the .Items property as empty. Detailed: Suppose we have a bundle registration: bundles.Clear(); bundles.ResetAll(); BundleTable.EnableOptimizations = true; bundles.Add(new StyleBundle("~/bundles/css") .Include("~/Content/site.css")); bundles.Add(new StyleBundle("~/bundles/admin/somestyle") .Include("~/Areas/Admin/Content/css/aaa2.css")); Some notes here: ~/bundles/admin/somestyle physically doesn't exist. ~/Areas/Admin/Content/css

What's the best practice for using the ASP.NET Core bundleconfig.json with development versus production environments? The prior bundler ( BundleCollection ) would pay attention to the DEBUG compiler directive and not minify the list of scripts when you're debugging. It appears as though the new paradigm is to have <environment> tags in the HTML templates that test for the ASPNETCORE_ENVIRONMENT value. Though I don't see a way of incorporating that environment variable into the bundleconfig.json workflow. One way I see is to maintain 2 lists for each bundle output in bundleconfig.json ,

I'm trying to render a JavaScript bundle using Microsoft's Web Optimization framework, like this: @Scripts.Render("~/assets/bundle.js") And building a small bundle, like this: public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/assets/bundle.js") .Include( "~/scripts/jquery-2.1.0.min.js", "~/scripts/somescript.js" )); ... } But when optimizations are on, it only renders a relative URL, like this: <script src="/assets/bundle.js?v=mGDOiNaiTrSfcNq41OoA7A_BcN8PrXuMbfl-TE84HVY1"></script> How can I have script bundling render an absolute URL instead? I

I'm trying to use bundle minification for some .css and .js files. My bundle config is the following: public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/Modernizr").Include( "~/Scripts/modernizr.js" )); bundles.Add(new StyleBundle("~/TemplateContent").Include( "~/Content/bootstrap.css", "~/Content/bootstrap-responsive.css", "~/Content/prettyPhoto.css", "~/Content/prettify.css", "~/Content/flexslider.css", "~/Content/iview.css", "~/Content/style.css", "~/Content/default.css" )); bundles.Add(new StyleBundle("~/AppContent").Include( "~/Content/bootstrap

This issue has many solutions, please read all answers below, they might help you solve your problem too. If you find a new way to solve this, please document in your answer I am trying to add System.Web.Optimization to my ASP.NET Web Forms solution. I added Microsoft ASP.NET Web Optimization Framework through NuGet Packages. It added Microsoft.Web.Infrastracture and WebGrease (1.5.2) to the references. However, when I run <%= System.Web.Optimization.Scripts.Render("~/bundles/js")%> I get runtime error Could not load file or assembly 'WebGrease, Version=1.5.1.25624, Culture=neutral,

When I uglify webpack bundle, routing stops work without any error message or log message. I am using oclazyload to lazy load. Route.js module.exports = function(app) { var routeConfig = function($stateProvider) { $stateProvider .state('home', { url: '/', templateUrl: 'app/dashboard/dashboard.min.html', title: 'Home', ncyBreadcrumb: { label: 'Home' } }) .state('organizationStructure', { url: '/organizationStructure', templateUrl: 'app/admin/organizationStructure/manageHierarchy/manageHierarchyShell.min.html', 'abstract': true, ncyBreadcrumb: { skip: true }, resolve: ['$q', '$ocLazyLoad',

Let's assume our app is offline, i.e. we can't use 3rd party CDNs thus we're creating our own. I'd like to host all of the vendor scripts in a separate (Parent) web app and then include them in the bundles in several other MVC Apps. e.g. http://localhost/parentWeb/Scripts/jquery.js http://localhost/parentWeb/Scripts/jquery-ui.js http://localhost/parentWeb/Scripts/globalize.js I'd like to include in the ASP.NET MVC App Website located in: http://localhost/parentWeb/childWeb i.e. do something like this: bundles.UseCdn = true; bundles.Add( new ScriptBundle( "~/bundles/VendorScripts", "http:/

Recently I have been playing around with react.js and I like the speed that I can develop working UI components. I have now created quite a few components and I would like to distribute some of them among different .jsx files. Every thing I've read says that I should be using a bundler like browserify or webpacker whenever moving to production. However I am against this idea. Part of the reason I like developing in javascript is because its a scripted language and there is no compiler to muck around with. If I wanted to mess around with build chains and the like I would probably just do my