How to minify CSS and JavaScript files in Visual Studio 2015
You can use the Visual Studio 2015 Bundler & Minifier,extention https://visualstudiogallery.msdn.microsoft.com/9ec27da7-e24b-4d56-8064-fd7e88ac1c40 this used to be apart of Web Essentials in previous versions of Visual Studio, but was separated, into it's own extension.
The below link explains a lot better http://blogs.msdn.com/b/rickandy/archive/2012/08/15/adding-web-optimization-to-a-web-pages-site.aspx
http://www.asp.net/mvc/overview/performance/bundling-and-minification
It's handled in the bundleconfig.json for asp.net mvc core
Here is full article: https://docs.microsoft.com/en-us/aspnet/core/client-side/bundling-and-minification?view=aspnetcore-2.1&tabs=visual-studio%2Caspnetcore2x
Both extensions mentioned in other answers seem abandoned, but the good thing, Visual Studio has built-on support for npm
and Grunt/Gulp tasks - that can "watch" a file, and minify/compile JS, CSS, SASS and everything else you have in your project.
- Drop a
package.json
into your project root folder, with Grunt or Gulp added there. Visual Studio will "detect" it and install all thenpm
packages in the background. - Add
Gruntfile.js
(or Gulpfile if you prefer Gulp) and Visual Studio "task runner" will also detect it automatically. - Edit Gruntfile (or Gulpfile) to minify/compile your files (tons of info can be found online) and optinally add a "watcher" too.
- Under "View - Other Windows - Task Runner" configure these tasks to run on project open.
I wrote a detailed blog post with screenshots and everything, since it can be overwhelming for VS/.NET people to get familiar with npm/grunt/gulp/npm-scripts
at first, but it's easy, trust me! I've been there myself.