babel简单使用

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打包工具了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章