enable file watcher to transpile ecmascript 6 to ecmascript 5 using babel
PanJiaChen/vue-element-admin Issues#1406
什么是Babel?
Babel是一个JavaScript编译器
Babel是一个工具链,主要用于将ECMAScript 2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的JavaScript。以下是Babel可以为您做的主要事情:
- 转换语法
- 目标环境中缺少Polyfill功能(通过@ babel / polyfill)
- 源代码转换(codemods)
- 和更多!(看看这些视频的灵感)
(1)Transpiles ECMAScript 6 code to ECMAScript 5
基于现在的浏览器还不是对ECMAScript6的支持,现在的做法都是把EC6 compile 成EC5再执行。
1.1 基于NPM的babel
下载babel。
1.2 基于webstorm 的file watcher
在执行完第一个步骤之后,你可以在npm的全局目录下找到babel.cmd的执行文件
在webstorm的file watcher里面添加babel
WebStorm中的ECMAScript 6:Transpiling
WebStorm支持 ECMAScript 6 语法。这种支持实际上不仅包括ECMAScript 2015标准,还包括2016,2017和2018标准,甚至还包括一些语言提案,例如 import()。虽然这些功能在现代浏览器和运行时获得越来越多的支持(请参阅Kangax兼容性表),但为了部署ES6代码,您仍然需要将其编译为ES5.1,即所有浏览器都支持的JavaScript版本。
WebStorm ES6 语法支持设置
ECMAScript 6是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。
ES6的目标,是使得JavaScript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言。