ES6新特性_使用babel对ES6模块化代码转换_使用browserify对代码进行打包_实现es6兼容其他浏览器--JavaScript_ECMAScript_ES6-ES11新特性工作笔记045

然后我们再来看一下, 

我们一直在学ES6,但是,现在并不是,所有的浏览器对es6支持的都很好

一般我们用chorme浏览器,支持的还不错.

 

那么怎么让所有的浏览器都支持我们用es6写的代码呢?

我们可以用babel,这个工具对我们用es6写的代码,做个转换,他可以把es6的代码转换成

es5代码,几乎所有浏览器都支持es5,也就是这样我们写的代码就可以兼容几乎所有浏览器了.

先去看看babel,babeljs.cn

然后我们比如这里有个home.html文件

我们写一下,首先要做的就是

1.安装工具 babel-cli babel-preset-env browserify(webpack)

这里我们用的babel-cli是babel的命令行工具,

然后babel-preset-env,是最新的babel的环境,他可以把es6代码转换为es5代码

然后browserify是个打包工具,这里我们没有用

webpack,因为