LOGO

babel 在webstorm的配置


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的语法检查)

此项默认状态下已打开


文章作者: 68HTML
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 68HTML !
  目录