A .Net Core rewrite and extension of the former Asp.Net Web Optimization bundling framework.This project was created to support complex bootstrapping and optimization tasks for www.bindkraft.io.
Microsoft's Asp.Net Web Optimization bundling framework offered a convenient way for configuring bundles in code. Depending on the environment Debug/Release it was possible to serve the resources in different forms (e.g. minified or not). You will say it is possible in .NET Core as well by using Gulp tasks. It is indeed possible but Gulp needs NodeJs. What if your provider didn't let you install NodeJs? Do you have to do the minification all during deployment? What if you want to debug some Javascript on site but don't want to deploy a debug version first? For all these cases we are providing NetCoreBundling.
To use NetCoreBundling you have to install the NuGet-Package from here: https://www.nuget.org/packages/NetCoreBundling
- Init the BundleCollection in Configure:
public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory, DiagnosticListener diagnosticListener)
{
//Bundling
BundleCollection bundleCollection = app.UseBundling(env, loggerFactory.CreateLogger("Bundling"), "res", _KraftGlobalConfigurationSettings.GeneralSettings.EnableOptimization);
bundleCollection.EnableInstrumentations = env.IsDevelopment(); //Logging enabled
//Configure bundles
bundleCollection.Profile("mvc").Add(new StyleBundle("cssbundle")
.Include(@"~/css/css1.css", @"~/css/css2.css")
.IncludeCdn(new CdnObject { CdnPath = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css", Integrity = "sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u", Crossorigin = "anonymous" })
.IncludeCdn(new CdnObject { CdnPath = "https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.css" })
.IncludeCdn(new CdnObject { CdnPath = "https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.woff" }));
bundleCollection.Profile("mvc").Add(new ScriptBundle("jsbundle")
.Include(@"~/js/test1.js", @"~/js/test2.js"));
//Bundle dirCssBundle = new StyleBundle("~/My/CssDirFiles").IncludeDirectory("/css", "*.css", true);
//BundleCollection.Instance.Add(dirCssBundle);
//Bundle dirJsBundle = new ScriptBundle("~/My/JsDirFiles").IncludeDirectory("/js", "*.js", true);
//BundleCollection.Instance.Add(dirJsBundle);
}- Render the configured bundles:
In your master page or razor view you have to call the created bundles:
@using ccf.CoreKraft.Web.Bundling
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>_Layout</title>
@BundleCollection.Instance.Profile("mvc").Styles.Render()
</head>
<body>
@RenderBody()
@BundleCollection.Instance.Profile("mvc").Scripts.Render()
</body>
</html>- Use the default transformations
This repo uses the MIT license for code. The project license documentation and other forms of content under Creative Commons Attribution 4.0.