From design we have to include many scripts such as:
<script src="/Scripts/jquery.min.js"></script>
<script src="/Scripts/bootstrap.min.js"></script>
<script src="/Scripts/jquery.isotope.min.js"></script>
<script src="/Scripts/jquery.prettyPhoto.js"></script>
<script src="/Scripts/easing.js"></script>
<script src="/Scripts/jquery.lazyload.js"></script>
<script src="/Scripts/jquery.ui.totop.js"></script>
<script src="/Scripts/selectnav.js"></script>
<script src="/Scripts/ender.js"></script>
<script src="/Scripts/responsiveslides.min.js"></script>
<script src="/Scripts/custom.js"></script>
Next conversion is to razor:
@Scripts.Render("~/Scripts/jquery.min.js")
@Scripts.Render("~/Scripts/bootstrap.min.js")
@Scripts.Render("~/Scripts/jquery.isotope.min.js")
@Scripts.Render("~/Scripts/jquery.prettyPhoto.js")
@Scripts.Render("~/Scripts/easing.js")
@Scripts.Render("~/Scripts/jquery.lazyload.js")
@Scripts.Render("~/Scripts/jquery.ui.totop.js")
@Scripts.Render("~/Scripts/selectnav.js")
@Scripts.Render("~/Scripts/ender.js")
@Scripts.Render("~/Scripts/responsiveslides.min.js")
@Scripts.Render("~/Scripts/custom.js")
Bundles are different:
@Scripts.Render("~/bundles/site")
code in app_start / bundle config
var scriptBundle = new ScriptBundle("~/bundles/site")
"~/Scripts/jquery.min.js",
"~/Scripts/bootstrap.min.js",
"~/Scripts/jquery.isotope.min.js",
"~/Scripts/jquery.prettyPhoto.js",
"~/Scripts/easing.js",
"~/Scripts/jquery.lazyload.js",
"~/Scripts/jquery.ui.totop.js",
"~/Scripts/selectnav.js",
"~/Scripts/ender.js",
"~/Scripts/responsiveslides.min.js",
"~/Scripts/custom.js");
bundles.Add(scriptBundle);
This will include all files in no specific order. Also will exclude all allready minified files.
And result will look like:
I my case I do want to include minified files and order of scripts is important to me, as all depend on each other with specific order.
And result will look like:
<script src="/Scripts/jquery.prettyPhoto.js"></script>
<script src="/Scripts/easing.js"></script>
<script src="/Scripts/jquery.lazyload.js"></script>
<script src="/Scripts/jquery.ui.totop.js"></script>
<script src="/Scripts/selectnav.js"></script>
<script src="/Scripts/ender.js"></script>
<script src="/Scripts/custom.js"></script>
I my case I do want to include minified files and order of scripts is important to me, as all depend on each other with specific order.
Final solution is:
bundles.IgnoreList.Clear();Clears ignore list which contain definition for minified scripts.
bundles.FileSetOrderList.Clear();Clears file set order list, will be displayed as they are registered.
BundleTable.EnableOptimizations = true;Force minification of the files registered.
bundles.FileSetOrderList.Clear();
bundles.IgnoreList.Clear();
var scriptBundle = new ScriptBundle("~/bundles/site")
.Include("~/Scripts/jquery.min.js")
.Include("~/Scripts/bootstrap.min.js")
.Include("~/Scripts/jquery.isotope.min.js")
.Include("~/Scripts/jquery.prettyPhoto.js")
.Include("~/Scripts/easing.js")
.Include("~/Scripts/jquery.lazyload.js")
.Include("~/Scripts/jquery.ui.totop.js")
.Include("~/Scripts/selectnav.js")
.Include("~/Scripts/ender.js")
.Include("~/Scripts/responsiveslides.min.js")
.Include("~/Scripts/custom.js");
bundles.Add(scriptBundle);
BundleTable.EnableOptimizations = true;
No comments:
Post a Comment