@Blog.Author(Nandip Makwana) .LearningExperience(ASP.NET, ASP.NET MVC, IIS, jQuery & Technology Surrounding it...)

January 18, 2013 comment , ,

ASP.NET: JavaScript Source Maps with Microsoft Ajax Minifier

3 days back jQuery announced release of jQuery 1.9. One of the great things with this release is that it is shipped with Source Maps. However in general there are very rare scenarios where we require to debug jQuery but still this would be really helpful to vast community specially contributor.

Now as a being web developer (more specific ASP.NET developer), first question arise is that how do I generate JavaScript source map for my custom component or JavaScript library in visual studio and ASP.NET application? So here in this post we will see how to configure ASP.NET web application to generate minified version of JavaScript and JavaScript source map at build time.

To get started, download & install Microsoft Ajax Minifier. Microsoft Ajax Minifier enables us to minify JavaScript and CSS. It also included Visual Studio build task so we can minify JavaScript and CSS at build time. Microsoft Ajax Minifier also supports source map generation. Naming convention for source map is output-min-filename.map.

So to see it in action follow the below quick step and get sample ready!

  • Create web application project
  • Add your JavaScript component file to project
  • Open .csproj file in editor and add build task as mentioned below
  • Now build project and open windows explorer and navigate where JavaScript file is located. Here we can see generated minified file along with source map

So this was all about how we can generate JavaScript source map in ASP.NET application with Microsoft Ajax Minifier build task.

You can follow me on twitter for latest link and update on ASP.NET & MVC.

comments powered by Disqus

Featured Content

Resources & Tools

About Nandip Makwana

Nandip Makwana is passionate about digital world and web. He completed his Masters in Computer Application in June 2011. Currently he is working as a Software Engineer. He has shown great promise and command over ASP.NET and technologies surrounding it during his academic years and professorial life...continue reading