Auto Minify Extension for VSCode

Automatically minify your HTML, CSS, and JS files to optimize space and bandwidth usage.

Features

• Automatically generates a .min.html, .min.css, or .min.js file each time you save a .html, .css, or .js file.
  For example: styles.css becomes styles.min.css.

Basic Usage

1. Create an .html, .css, or .js file.
2. Press Ctrl/Cmd + S to save your file.
3. A corresponding .min.html, .min.css, or .min.js file is automatically generated.
4. You will see a temporary "HTML Compiled," "CSS Compiled," or "JS Compiled" message in the status bar.

Dependencies Utilized

• HTML: html-minifier
• CSS: clean-css
• JS: terser

Please check the changelog for version updates.

Heads-Up

• This extension was created because the previously used minifier, Minify, had not been updated for a while and appeared to be abandoned. This is an improved version.
• Any errors encountered during minification are likely caused by the underlying dependencies.
• If you have any feature requests or suggestions, please submit them in the Issues tab; your input is highly appreciated.

Note: Any additional options not provided below are defaulted to their respective values in the code.

html-minifier Options Utilized:

{
  "caseSensitive": true,
  "collapseWhitespace": true,
  "collapseInlineTagWhitespace": true,
  "continueOnParseError": true,
  "removeComments": true,
  "removeAttributeQuotes": true,
  "removeRedundantAttributes": true,
  "minifyCSS": true,
  "minifyJS": true
}

clean-css Options Utilized:

{
	"level": {
		"1": {
			"all": true
		}
	}
}

terser Options Utilized:

{
	"mangle": false
}