登录

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

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

# JavaScript
ringa_leeringa_lee2160 天前492 次浏览

全部回复(8) 我要回复

  • 阿神

    阿神2017-04-11 09:50:39

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

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-11 09:50:39

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

    https://segmentfault.com/q/1010000004241222

    回复
    0
  • ringa_lee

    ringa_lee2017-04-11 09:50:39

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

    回复
    0
  • PHP中文网

    PHP中文网2017-04-11 09:50:39

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

    回复
    0
  • PHP中文网

    PHP中文网2017-04-11 09:50:39

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

    babel src -d dest

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

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

    回复
    0
  • PHPzhong

    PHPzhong2017-04-11 09:50:39

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

    回复
    0
  • 阿神

    阿神2017-04-11 09:50:39

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

    ECMAScript6

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

    回复
    0
  • PHP中文网

    PHP中文网2017-04-11 09:50:39

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

    回复
    0
  • 取消回复发送