babel简单介绍

责编:menVScode 2017-07-07 15:34 阅读(707)

        babel是一个javascript的编译器,他可以把其他语言编译成javascript,比如把es6的代码编译成es5的。

        使用babel的时候,要注意与其相关的内容:babel-corepluginspresets.babelrc

        babel-core:就是babel运行起来的核心,相当于babel运行的底层。

        plugins:插件,babel是基于各种插件来运行的,比如es2015-arrow-function(用来编译es6的箭头函数)、es2015-spread等等。这意味着如果我们要使用es6语法的话,就要安装各种各样的插件,这样就非常的麻烦。因此,babel也提供了解决方案——presets(预设)。

        presets:预设,相当于一个插件集,把很多相关的插件打包在一起。然后当你下载某个预设的时候,里面就包含非常多的插件。babel提供了各种各样的预设,有react、latest、ES2015等等。

        .babelrc文件:是一个配置文件,需要在配置里指明项目需要用什么的presets或者plugins。

{
  "presets": ["es2015","react"],
  "plugins": ["transform-react-jsx"]   
}

        

        babel在webpack配置步骤:https://babeljs.cn/docs/setup/#installation


        babel英文官网:babeljs.io

        babel英文官网:https://babeljs.cn


标签: babel
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码