首页 > ECMAScript 6编写的代码怎么在浏览器中运行

ECMAScript 6编写的代码怎么在浏览器中运行

学习和编写ECMAScript6,是不是需要编译成现在浏览器能够运行的代码,具体需要怎么使用,怎么编译,才能运行。


用webpack构建es6项目的教程网上有很多啊,这里有个webpack构建es6项目的例子。另外还有可以用gulp+browserify构建,可以参考这篇文章,都是用babel转es5后运行。


webpack+babel。对于现代游览器,绝大多数特性都能实现了


现在Chrome52已经支持98%的ES6的特性了。

ECMAScript6

LZ可以直接使用最新版的Chrome学习ES6了,不用使用Babel等编译的工具。不过Chrome不支持模块功能,可以使用webpack构建工具。


可以使用babel把ES6转换为ES5,其实很多ES6的特性现代浏览器都支持了,你可以查阅下http://kangax.github.io/compat-table/es6/


我有两个练习,你可以参考一下
https://github.com/hjzheng/es6-practice
https://github.com/hjzheng/es6-practice-webpack


如果仅仅是学习,那下载最新的chrome,绝大部分es6都已经支持了,除了模块部分


用webpack打包成es5
用babel-loader的babel-preset-es2015

https://.com/q/1010000004241222


建一个src文件件 放你的es6文件
再建一个dest

babel src -d dest

这样会把src下的所有文件转换

写javascript终于可以跟写java,写c++一样繁琐了

【热门文章】
【热门文章】