SCSS Compressor

Convert your SASS (SCSS) into optimized, minified CSS effortlessly, enhancing your workflow and code quality.

Features

• Automatically convert Sass (SCSS) files to CSS and minified CSS on save
• Manually trigger conversion through a command
• Toggle SCSS Compressor conversion on and off
• Customizable output directory for processed CSS files
• Process all SCSS files in a directory at once

Usage

1. Automatic Conversion

   • Just save your .scss or .sass files and SCSS Compressor will automatically convert and minify them into CSS files.

2. Manual Conversion

   • Open the command palette (Ctrl+Shift+P or Cmd+Shift+P) and run the "Convert Sass to CSS with SCSS Compressor" command.

3. Toggle Conversion

   • Run the "Toggle SCSS Compressor Conversion" command to enable or disable automatic conversion on file save.

4. Set Output Directory

   • Run the "Set SCSS Compressor Output Directory" command and enter the directory where you want the converted CSS files saved.

5. Process All SCSS Files

   • Use the "Process All SCSS Files with SCSS Compressor" command to convert all .scss files within a specified directory.

Configuration

You can create a .config.json file in the root of your project to specify the output directory for converted CSS files:

{
    "outputDirectory": "path/to/output/directory"
}