Compiling web libraries with Web Compiler

If you are using TypeScript, LESS, or Sass in a project, you need to pre-compile the code to get the production version of your web project, so the browser can read every line of code. Note that the browser can only read CSS, HTML, and JavaScript. Using Web Compiler in Visual Studio, you can do this easily and see the precompiled code directly.

Now that we know what Web Compiler is, let's install it and learn how to take advantage of this tool.

Installing Web Compiler

To install Web Compiler, go to Extensions | Manage extensions, and type web compiler in the search bar (see Figure 14.14):

Figure 14.14 – Searching for Web Compiler in Manage Extensions

We can now follow the same steps that we did in the Adding HTML Snippet Pack section to complete the installation. After closing and then opening Visual Studio, you will see that the installation of this new extension is completed. Now, we will...