在webStorm中,file Watchers的功能非常强大。我们会用file Watchers里的SCSS,Babel等功能去自动编译scss和js文件。
在实际使用中,我们需要在自动编译的时候,对某些文件夹或文件忽略,不进行自动编译。
我自己在使用babel时,发现babel会对lib文件夹中的js自动编译。这不是我所需要的,我需要babel在自动编译时,忽略lib文件夹里的文件,编译其他的文件。
file watcher的Edit Watcher里面,可以通过设置scope,来实现这个目标
点scope那一行后面的...,可以在弹出窗里设置自己的scope
点左上角的+ 和 - 号,可以新增或删除自己的scope
点+号新增scope时,会让选Local 还是 share,我这里选的是local(暂时不知道 local 和 share 的不同在哪儿)
在右侧,我们可以看到自己的项目文件目录,最右侧,有四个按钮,分别是(包含、递归包含、排除、递归排除)
根据需要,我选择了lib目录,点了递归排除,在上面的pattern框里,显示了我的选择结果。
点apply和ok后,我新增的babel scope就成了babel file watchers 编译的scope
这样设置后,babel进行自动编译的时候,就不会编译lib目录里的文件了。