Step 1 of 3
Install it
Search for the extension in the VS Code Extensions view and click Install, or run the command above in a terminal. It takes about a minute.
VS Code extension · Works offline · MIT licensed
Make your CSS and JavaScript smaller with one command.
Install it, open a CSS or JavaScript file, and press Ctrl+Alt+M (Control+Option+M on a Mac). Your file gets smaller, you see how many bytes you saved, and nothing leaves your computer.
code --install-extension miguel-colmenares.css-js-minifier- Smaller CSS
- 44%
- 496 B to 280 B, in the example on the Examples page
- Smaller JavaScript
- 49%
- 407 B to 207 B, in the example on the Examples page
- Commands
- 2
- Minify the file, or save a .min copy
- Network calls
- 0
- It runs on your computer, offline
01 · Why
Why CSS & JS Minifier
Step 2 of 3
Open a CSS or JavaScript file
Open any .css or .js file you already have. No project setup, no config file.
Step 3 of 3
Run the command
Press Ctrl+Alt+M (Control+Option+M on a Mac), or right-click and choose Minify this File. A message shows the size before and after.
Offline and fast
Your code never leaves your machine
CSS goes through LightningCSS and JavaScript through oxc-minify, two native Rust engines that run locally. No account, no API key, no network.
Your workflow
Overwrite, save a .min copy, or minify on save
Keep your original and write style.min.css next to it, or turn on minify on save. Undo works like any other edit.
Seven languages
English, Spanish, French, German, Portuguese, Japanese and Chinese
The extension follows your VS Code display language.
02 · Docs
Docs
Install the extension, use it, and get help. The pages for contributors are at the end.
Get started
Install the extension
Step-by-step install guide for CSS & JS Minifier: from the VS Code Marketplace, from a downloaded file, and soon from Open VSX.
Read
Get started
Quick start
Minify your first CSS or JavaScript file in about a minute.
Read
Use it
Commands and keyboard shortcuts
The two commands of the extension, every place to find them in VS Code, and the keyboard shortcuts for Windows, Linux and macOS.
Read
Use it
Configuration
The five settings of the extension, what each one does, and ready-to-copy settings.json snippets for common setups.
Read
Use it
Examples
Real before and after for CSS and JavaScript, with sizes measured in bytes.
Read
Help
Frequently asked questions
Short answers to the questions people ask most about CSS & JS Minifier.
Read
Start using CSS & JS Minifier
code --install-extension miguel-colmenares.css-js-minifier