As of now, there are some available extensions: for example Minify or JS & CSS Minifier

Note: You can find extensions on the VS Code Marketplace.

Or directly from VS Code by searching from the Extensions pane, on the left side (Ctrl + Shift + X).

Answer from Supersharp on Stack Overflow
🌐
Visual Studio Marketplace
marketplace.visualstudio.com β€Ί items
JS & CSS Minifier (Minify) - Visual Studio Marketplace
Extension for Visual Studio Code - Easily Minify ES5/ES6/ES7/ES8 and CSS. Supports minify on save, minify selection & custom configurations!
🌐
Visual Studio Marketplace
marketplace.visualstudio.com β€Ί items
Minify - Visual Studio Marketplace
Extension for Visual Studio Code - Minify for VS Code. Minify with command, and (optionally) re-minify on save.
🌐
GitHub
github.com β€Ί miguelcolmenares β€Ί css-js-minifier
GitHub - miguelcolmenares/css-js-minifier: The CSS & JS Minifier extension for Visual Studio Code allows you to minify CSS and JavaScript files directly from the editor. Using the minification service provided by Toptal, this extension makes it quick and easy to optimize your files.
The CSS & JS Minifier extension for Visual Studio Code allows you to minify CSS and JavaScript files directly from the editor. Using the minification service provided by Toptal, this extension makes it quick and easy to optimize your files.
Author Β  miguelcolmenares
🌐
DEV Community
dev.to β€Ί aryaziai β€Ί minifying-code-shortcut-4d6c
Minify Code Automatically - DEV Community
April 12, 2021 - Tip: Try accomplishing this goal with CSS files to become comfortable with the extension, and then branch out to different file types. ... Full-time software engineer student. Web and open-source developer. Software enthusiast. ... MinifyAll is Wonderful, it made my site load much faster. I just need to learn how to configure MinifyAll in VSCODE, that the min output file, all constants and function names are renamed to shorter names, can someone help me?
🌐
GitHub
github.com β€Ί olback β€Ί es6-css-minify
GitHub - olback/es6-css-minify: Easily minify CSS and JavaScript in VS Code
Easily minify CSS and JavaScript in VS Code. Contribute to olback/es6-css-minify development by creating an account on GitHub.
Starred by 48 users
Forked by 13 users
Languages Β  TypeScript 91.8% | JavaScript 6.9% | CSS 1.3%
🌐
GitHub
github.com β€Ί CaffeineOnIce β€Ί AutoMinify
GitHub - CaffeineOnIce/AutoMinify: A VSCode extension to minify HTML, CSS and JS files.
Automatically minify your HTML, CSS, and JS files to optimize space and bandwidth usage.
Starred by 3 users
Forked by 2 users
Languages Β  JavaScript
Find elsewhere
🌐
Visual Studio Marketplace
marketplace.visualstudio.com β€Ί items
MinifyAll - Visual Studio Marketplace
Extension for Visual Studio Code - Minifier for JSON, CSS, HTML, XML, TWIG, LESS, SASS, SCSS, JavaScript, JSONC, and JavaScriptReact(testing). Compressor of files and folders. You will love its simplicity!
🌐
GitHub
github.com β€Ί Josee9988 β€Ί MinifyAll
GitHub - Josee9988/MinifyAll: A 𝗩𝗦𝗖𝗼𝗱𝗲 𝗺𝗢𝗻𝗢𝗳𝗢𝗲𝗿 for JS, JSON/C, CSS, and HTML, you will love its simplicity! 🌟 π˜Ύπ™€π™’π™₯π™§π™šπ™¨π™¨ and π™œπ™―π™žπ™₯ files and folders πŸ“¦ Reduce your bundle and file sizes with lightning speed ⚑
Click to see an example of how the extension minifies JavaScript Β· From: "use strict"; const { commands, window } = require('vscode'); const FileSaver = require('fs') const StringWithComments = "// not a comment /*" //this is my comment if ((window.activeTextEditor.document.languageId == "css" && disableCss == false) || //myComment (window.activeTextEditor.document.languageId == "scss" && disableScss == false)) { const { document } = window.activeTextEditor; switch (window.activeTextEditor.document.languageId) { case "css": /* multi-line comments */ console.log("Love this minifier !!!") break
Author Β  Josee9988
🌐
Visual Studio Marketplace
marketplace.visualstudio.com β€Ί items
Auto-Minify - Visual Studio Marketplace
Extension for Visual Studio Code - Automatically minify your HTML, CSS, and JS files on save
🌐
Robkjohnson
robkjohnson.com β€Ί posts β€Ί how-to-set-up-sass-scss-compiling-in-vs-code
How to minify, complile and output your sass/scss to a specific file location by Rob Johnson
Install the VSCode Live Sass Compiler extension by selecting View + Extensions in the main menu and searching for Live Sass Compiler. Create a folder .vscode at the root of your project if it doesn't already exist ... { "liveSassCompile.settings.formats": [ { // compress the css file "format": "compressed", // add .min.css as the extension "extensionName": ".min.css", // define the output/save path "savePath": "~/../_site/assets/styles/" } ], "liveSassCompile.settings.excludeList": [ "/_styles/!screen.sass", "**/node_modules/**" ], }
🌐
GitHub
github.com β€Ί DracotMolver β€Ί css-minify
GitHub - DracotMolver/css-minify: vscode extension to minify CSS files Β· GitHub
This is a very simple vscode extension. Takes your css file and minify it. It doesn't need any special configuration and it doesn't mess up your css file.
Author Β  DracotMolver
🌐
Visual Studio Marketplace
marketplace.visualstudio.com β€Ί items
JS & CSS Minifier Tool and Compressor - Visual Studio Marketplace
Extension for Visual Studio Code - Minify CSS locally with clean-css and JS via Toptal API directly within Visual Studio Code. Supports 7 languages: English, Spanish, French, German, Portuguese, Japanese, and Chinese.