babel是干什么的
将ES6编译成ES5,是JS的编译器
使用步骤
- 1、安装好node环境,安装npm
检查版本:
node -v
npm -v
2、进入某个目录,npm init
3、在此目录:npm install --save-dev babel-core babel-preset-es2015 babel-preset-latest,安装这些依赖
4、在此目录下创建.babelrc文件,配置
{
"presets": ["es2015", "latest"],
"plugins": []
}
- 5、sudo npm install --global babel-cli(全局安装)
- 6、babel --version 检查babel是否安装成功
- 7、在此目录下 创建./src/index.js
- 8、在index.js中写入内容:[1,2,3].map(item => item*2)
- 9、命令行 babel src/index.js,就会看到被转义成es5的文件内容
babel只可用于将高版本的JavaScript编译成ES5,但是对于module的js文件相互引用问题,babel是做不到的。这时候就要用到Webpack打包工具了。