js代码转换器(bable)

babel

  • js代码转换器, ES6/ES7/react/….前端框架代码 -> ES5
  • 结合webpack来使用
  • 1:配置webpack.config.js文件中的babel-loader
  • 2:使用babel的时候,babel分为两个部分
    • babel默认只解析关键字,不处理函数
    • 预置 : ES2015 ,插件: 转换函数
  • 3:创建配置文件
    • .babelrc文件
    • 数据是一个json对象
      • { “presets”:[‘es2015’],”plugins”:[‘transform-runtime’] }
    • 以上所讲的东西都没有包含在某一个包里面,而是需要单独下载
    • babel-core才是运行的核心,babel-loader依赖于babel-core
    • babel运行的配置也需要加载,有2
  • 4:下载对应的4个包
    • babel-loader babel-core babel-preset-es2015 babel-plugin-transform-runtime
  • 资料 http://www.ruanyifeng.com/blog/2016/01/babel.html

####