front-end babel babelrc

babelrc使用小记

绯雨闲丸 发布于

为什么要使用babelrc

由于es6还没有被各大浏览器非常好的兼容支持，前端项目开发不得不使用babel将es6代码转换成es5后才能正常执行，为此，必须在项目根目录下配置.babelrc文件（针对babel 6）

如何配置babelrc

该文件用来设置转码规则和插件，基本格式如下：


    {
      "presets": [],
      "plugins": []
    }

  • presets设定转码规则，规则集需要安装npm依赖包

    • ES2015转码规则 yarn install --save-dev babel-preset-es2015

    • react转码规则 yarn install --save-dev babel-preset-react

    • ES7不同阶段语法提案的转码规则（共有4个阶段），推荐装第1个 yarn install --save-dev babel-preset-stage-0

示例

{
    "presets": [
        "es2015",
        "react",
        "stage-0"
    ],
    "plugins": []
}

资源

babel 文档

分类标签
生活 文档 javascript组件 javascript nodejs es5 es6 react-native npm nodejs ios CocoaPod android react pc spa front-end template archetype babel stage scaffold babelrc editor editorconfig git gitignore npm npmrc webpack eslint eslintrc github page ssl https babel-polyfill babel-runtime babel-plugin-transform-runtime component test case mocha karma enzyme router load-on-demand plugin babel-plugin ast 抽象语法树
友情链接