Loading seperate javascript for different views in MVC

Question

I have 3 views in my MVC5 App. Say A,B,C and 3 javascript files A.js, B.js C.js

When appropriate view is loaded, I want appropriate javascript files to get loaded. I do not want all files to get loaded at the start up.

How do I achieve that?

in a view @scripts { <script src="a.js"></script> } and etc. — Igor Semin
– Igor Semin, Commented Aug 6, 2014 at 5:38
If you will ever have multiple JS files per view, create new script bundles in the BundleConfig.cs file (named after the view/purpose) and reference those, one in each view. That way you will get the most efficient caching. I generally recommend using bundles, even for single files, to keep the maintenance in once place. — iCollect.it Ltd
– iCollect.it Ltd, Commented Aug 6, 2014 at 8:11

Andy Refuerzo · Accepted Answer · 2014-08-06 05:41:34Z

5

In ViewA, add the following

@scripts {
    <script src="A.js"></script>
}

In ViewB, add the following

@scripts {
    <script src="B.js"></script>
}

and so on...

If you are using a _Layout.cshtml, make sure you have the proper RenderSection:

@RenderSection("scripts", required: false)

then in the views itself do this:

@section scripts {
    <script src="B.js"></script>
}

answered Aug 6, 2014 at 5:41

Andy Refuerzo

3,3321 gold badge35 silver badges39 bronze badges

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

1 Comment

where should you put the A.js file? inside the wwwroot?