File Watcher Tool JetBrains IDE - CSSO Setup - Auto Minify CSS

Question

I'm trying to use the File Watcher tool in the Jetbrains IDE (Webstorm and Rider) to automatically minify my .css files and generate .min.css files for them on the whole project.

Thing is, it keeps minifying files that already have .min.css as the extension. So I end up with files like slick.min.min.css. I can't find any option to control what the criteria is for matching files. Is there some option to force it to ignore .min.css files, so I don't get duplicates?

I was following this guide here: https://www.jetbrains.com/help/idea/compressing-css.html#ws_css_compress_create_file_watcher with some tips from here How to Minify CSS with SCSS File Watcher in PHPStorm IDE

See stackoverflow.com/a/24938053/783119 . A bit related: stackoverflow.com/a/47378091/783119 — LazyOne
– LazyOne, Commented Jan 6, 2021 at 15:38

lena · Accepted Answer · 2021-01-06 17:27:13Z

3

As .min.css files are still CSS files, your watcher listens to changes in all them ( because watcher Scope == Project files, File type == CSS) and produces the output.

As a workaround I can suggest excluding minified files from watchers processing:

create a new scope (Settings | Appearance & Behavior | Scopes) with minified files excluded (like file:.css&&!file:*.min.css)
choose this scope as your file watcher Scope

answered Jan 6, 2021 at 17:27

lena

94.4k11 gold badges154 silver badges160 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

File Watcher Tool JetBrains IDE - CSSO Setup - Auto Minify CSS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related