Webstorm/File Watcher - how to compile and minify coffeescript at a same time?

Question

How to automatically minify javascript output files after compiling coffeescript files in webstorm?

Update: I was going to use UglifyJS or YUI Compressor with File Watcher but it will "watch" for changes on all JS files. That's why I don't want to use the File Watcher. Is there another way to solve this problem? (keyboard shortcut to minify the files that I am editing only?)

Answer 1

according to webstorm docs:

WebStorm supports integration with the following JavaScript minification tools:

• YUI Compressor
• UglifyJS
• Closure Compiler

In WebStorm, minifier configurations are called File Watchers. For each supported minifier, WebStorm provides a predefined File Watcher template. Predefined File Watcher templates are available at the WebStorm level. To run a minifier against your project files, you need to create a project-specific File Watcher based on the relevant template, at least, specify the path to the minifier to use on your machine.

• Installing and configuring the Closure Compiler minification tool
• Installing and configuring the YUI Compressor JS or UglifyJS minification tool
• Creating a File Watcher
• Minifying the code

I assume you could create your own transpiler config for watching and autominifying only coffeescript files:

• Transpiling CoffeeScript to JavaScript
• Examples of customizing the behaviour of a transpiler