babel的安装和配置
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而解决部分浏览器对es6 代码不兼容的问题。
这意味着,你可以用 ES6 编写程序,而不用担心现有环境是否支持,因为babel可以将ES6代码转换成ES5代码。
下面是babel的安装和配置步骤:
新建一个全英文文件夹 babel
在babel文件夹里面新建一个src文件夹、一个lib文件夹
shift+鼠标右键 打开命令行
创建一个空的后缀名为.babelrc的文件
输入type nul>.babelrc
最后目录结构:
在当前目录下 shift+鼠标右键 打开命令行
npm init -y
安装命令:
npm install --save-dev babel-cli
安装将es6转换成es5依赖包:
npm install --save-dev babel-preset-es2015
编写配置文件(.babelrc ):
配置package.json文件:
src 表示写的es6源文件放在src里面,lib表示编译后的es5的文件
在src里面新建一个app.js文件:
命令行输入进行es5 的转换:
npm run build
查看lib文件夹,里面有一个新生成的文件app.js:
lib里面的文件是生成的es5的js文件