学习和编写ECMAScript6,是不是需要编译成现在浏览器能够运行的代码,具体需要怎么使用,怎么编译,才能运行。
ringa_lee
可以使用babel把ES6转换为ES5,其实很多ES6的特性现代浏览器都支持了,你可以查阅下http://kangax.github.io/compat-table/es6/
用webpack打包成es5用babel-loader的babel-preset-es2015
https://segmentfault.com/q/1010000004241222
我有两个练习,你可以参考一下https://github.com/hjzheng/es6-practicehttps://github.com/hjzheng/es6-practice-webpack
用webpack构建es6项目的教程网上有很多啊,这里有个webpack构建es6项目的例子。另外还有可以用gulp+browserify构建,可以参考这篇文章,都是用babel转es5后运行。
建一个src文件件 放你的es6文件再建一个dest
babel src -d dest
这样会把src下的所有文件转换
写javascript终于可以跟写java,写c++一样繁琐了
如果仅仅是学习,那下载最新的chrome,绝大部分es6都已经支持了,除了模块部分
现在Chrome52已经支持98%的ES6的特性了。
ECMAScript6
LZ可以直接使用最新版的Chrome学习ES6了,不用使用Babel等编译的工具。不过Chrome不支持模块功能,可以使用webpack构建工具。
webpack+babel。对于现代游览器,绝大多数特性都能实现了
可以使用babel把ES6转换为ES5,其实很多ES6的特性现代浏览器都支持了,你可以查阅下http://kangax.github.io/compat-table/es6/
用webpack打包成es5
用babel-loader的babel-preset-es2015
https://segmentfault.com/q/1010000004241222
我有两个练习,你可以参考一下
https://github.com/hjzheng/es6-practice
https://github.com/hjzheng/es6-practice-webpack
用webpack构建es6项目的教程网上有很多啊,这里有个webpack构建es6项目的例子。另外还有可以用gulp+browserify构建,可以参考这篇文章,都是用babel转es5后运行。
建一个src文件件 放你的es6文件
再建一个dest
babel src -d dest
这样会把src下的所有文件转换
写javascript终于可以跟写java,写c++一样繁琐了
如果仅仅是学习,那下载最新的chrome,绝大部分es6都已经支持了,除了模块部分
现在Chrome52已经支持98%的ES6的特性了。
ECMAScript6
LZ可以直接使用最新版的Chrome学习ES6了,不用使用Babel等编译的工具。不过Chrome不支持模块功能,可以使用webpack构建工具。
webpack+babel。对于现代游览器,绝大多数特性都能实现了