ASP.Net 5 js, css bundling

Question

I am currently using the gulp-bundle-assets module in a task to bundle css and js in my project. Each time I run it the module generates new filename making sure the browser will pick the latest bundle. However I need to change my file references manually in my html whenever the filename changes. The gulp-bundle-asset suggests a way to programmatically update the views by reading a json file.

What would be the proper way to handle the bundling with dynamic filenames in Visual Studio?

How are the relative paths for static content treated such as images,fonts?

Thanks!

I use gulp-usemin which does this automatically.. you can have a look at that — harishr
– harishr, Commented May 18, 2015 at 3:22
else you can use gulp-inject to inject the newly created files in index.html — harishr
– harishr, Commented May 18, 2015 at 3:23
Are you required to use gulp? As of ASP.NET 4.5 bundling and minification are now supported out of the box. — Richard Ev
– Richard Ev, Commented May 18, 2015 at 14:36

Chris Montgomery · Accepted Answer · 2016-02-12 19:19:25Z

1

I'm the author of gulp-bundle-assets. I actually created an example of this awhile back using ASP.NET 5 (now named ASP.NET Core v1) seen here: https://github.com/dowjones/gulp-bundle-assets-example-aspnet-5. You'll want to rely on the bundle.result.json file.

The key pieces are as follows:

// read bundle.result.json
public async Task<dynamic> GetBundleResult()
{
    string fileName = Path.Combine(_appEnvironment.ApplicationBasePath, "bundle.result.json");
    string jsonText = File.ReadAllText(fileName);
    return await Task.FromResult(JObject.Parse(jsonText));
}

And in your view:

@inject ExampleMVC6Application.Services.BundlerService Bundler
@{
    dynamic Bundles = await Bundler.GetBundleResult();
}
<!DOCTYPE html>
<html>
    <head>
        @Html.Raw((object)Bundles.vendor.styles)
        @Html.Raw((object)Bundles.main.styles)
    </head>
    ...

edited Feb 12, 2016 at 19:19

answered Feb 12, 2016 at 16:04

Chris Montgomery

2,3642 gold badges20 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ASP.Net 5 js, css bundling

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related