![]() ![]() ![]() In fact, I didn’t added the files 001.js and 002.js but only the. The first things is to enable that features in chrome, so:įrom now, everything is easier, select your javascript files, right click and, from WebEssential Items, select “ Create Javascript Bundle File”.ĭrag you bundle into your page, in my example, and everything is ready.įrom now, every time you change and save the files you selected for the bundle, Visual Studio will automatically update it it means that minified and source map will always be up to date with the original resources without doing anything special (How f.ing cool is that?).Īs you can see in the image below there are more files that I’ve included in my page (see previous screenshots). I think that feature is a killer feature for frontend developers because some errors happened in production and, in some cases, you are not able to reproduce them during the tests. line of an error) in a Javascript file starting from a combined file. Source Map is a cool feature, actually supported just by Google Chrome, that allows you to understand the correct position (i.e. Javascript and Css bundle with SourceMap Īs you can see in both items there is the SourceMap, but what is it?.Javascript and Css minification with SourceMap.What I love most in this extension is the easy way to create the combined and minified resources (really, I’m not in love with the web optimization packages included in ASP.NET MVC 4). In fact, after right clicking on a web resource (css, js, etc) in the solution explorer, you have a new “item” named Web Essential: ![]() The first step to try this cool feature is to install the Visual Studio plugin so, download it from hereĪfter the installation Visual Studio offers you new features that are not available in the standalone version. I’m talking about the opportunity to create a bundle resource at runtime with the support of SourceMap. In one of the last versions of Web Essential Tools, Microsoft released one of my favorite features for the web development. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |