webstorm监听项目中源代码的变动,利用babel-cli工具进行转译,并将转译好的代码,放到指定的目录中。
项目引包(6,7二选一)
(1) babel 6x
1 | cnpm install --save-dev babel-cli babel-preset-env |
(2) babel 7x
1 | npm install --save-dev @babel/core @babel/cli @babel/preset-env |
##新增FileWatcher
settings->Tools->File Watchers,点击左下角的+,选择babel
此时会出现以下对话框,加入信息如下:
(以下为babel 6的信息)
(以下为babel 7的配置)
##加入ES6语法支持(并不是必须,只是为了webstorm的语法检查)
此项默认状态下已打开