A File Watcher is a WebStorm system that tracks changes to your files and runs a third-party standalone application. WebStorm provides predefined File Watcher templates for a number of such standard popular third-party tools (compilers, compressors, prettifiers, and others). You can also configure a custom File Watcher to run any other third-party tool.
File watchers have two dedicated code inspections:
The File watcher available inspection is run in every file where a predefined File Watcher is applicable. If the project has no relevant File Watcher configured, WebStorm suggests to add one.
The File watcher problems inspection is invoked by a running File Watcher and highlights errors specific to it.
The page consists of a list of available File Watchers and a toolbar to manage this list.
For each File Watcher, you can decide if it’s going to be available only in the current project (select Project from the Level list) or for all projects (select Global).
To activate a File Watcher, select the checkbox next to it. When a File Watcher is enabled, it starts automatically as soon as a file of the selected type and in the selected scope is changed or saved, see Configuring advanced options. If an error occurs while a File Watcher is running, the File Watcher is automatically disabled. To restore the status, enable the File Watcher manually.
Click this button to open the Choose template popup and select the relevant type of File Watcher. After that WebStorm opens the New Watcher dialog for customizing the predefined File Watcher according to the settings of the current project.
Click this button to update the settings of the selected File Watcher in the Edit Watcher dialog. The update is applied to the current project File Watcher only, it does not affect the predefined WebStorm-level template.
Click this button to remove the selected File Watcher. The File Watcher is no longer applied to the files in the current project. Note that this action does not affect the corresponding predefined template which is still available at the WebStorm level.
Use these buttons to change the order of File Watcher in the list. This determines the order of launching File Watchers, if more than one are enabled.
Use this button to create a copy of the selected file watcher.
Click this button to import an existing file watcher and add it to the list of available file watchers.
Click this button to export the selected watchers to watchers.xml file, located under the user's home.