How can I add Bundle Config to Startup.cs for resources to use in Razor Views?

Question

The question. How can I add to Startup.cs (ASP.NET Core project) same configuration as I was doing with App_Start > BundleConfig.cs

When having:

public class BundleConfig
{
    // For more information on bundling, visit http://go.microsoft.com
/fwlink/?LinkId=301862
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate*"));


        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/respond.js"));

        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css"));
    }

and then:

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")

for example...

Answer 1

Bundling and Minification as it existed in MVC5 no longer exists in MVC Core.

Your options are (without delving into the Node ecosystem - which is just as valid but would introduce more concepts):

• Use the bundling and minification Visual Studio extension.
• Or use the command line bundling and minification dotnet tool.

Both of these tools operate on the same infrastructure under the covers. They use a bundleConfig.json file to describe the structure of your bundles (what files go in, what file comes out, wether to include sourcemaps, etc.)

Explanations of these two concepts are also available via the documentation.

Instead of having a call to @Scripts.Render() which would produce links to either minified or unminified resources depending on your build environment, you can use taghelpers to swap between links to minified and unminified resources. For example:

<environment names="Development">
    <script src="~/unminified.js"></script>
</environment>
<environment names="Staging,Production">
    <script src="~/bundledandminified.min.js"></script>
</environment>