zoukankan      html  css  js  c++  java
  • Babel 6 概述

    babel-core

    只转换语法(如箭头函数)

    babel-polyfill

    由core-js和regenerator runtime组成。

    1 core-js用来支持新的全局变量(例如 Promise、Symbol等) 、新的原生方法(如 String.padStart等)。

    2 regenerator runtime由facebook提供,用ES 5实现了生成器函数(GeneratorFunction)、迭代器(AsyncIterator)。

       生成器函数(function *)、async/await函数会被编译成regenerator runtime实现的生成器函数、迭代器来运行。

    Presets(预设)

    1 babel-preset-env:指定目标环境(浏览器类型、浏览器版本)

    2 babel-preset-stage-x:对现在尚未被批准发布的部分进行转换。

      

     TC39委员会将提案分为以下阶段:

    • Stage 0 - 稻草人: 只是个想法可能会有相关的 Babel 插件。
    • Stage 1 - 提议: 值得深入。
    • Stage 2 - 草稿: 初始规范。
    • Stage 3 - 候选: 完整的规范和初始浏览器实现。
    • Stage 4 - 结束: 将被添加到下一个年度版本中。

    3 babel-preset-react用来编译JSX语法

    4 babel-preset-vue用来编译Vue

    Plugins(插件)

    控制babel的编译行为。

    babel-plugin-transform-runtime可以设置编译后的脚本文件引用公共函数等,而不是每个脚本文件都持有一个副本,导致代码冗余。

  • 相关阅读:
    13-Smell味道-调味料
    12-Juice饮料
    11-Snack小吃
    10-Meat肉类
    09-Fruit水果
    08-Vegetables蔬菜
    [svc]共享内存
    [sql]sql的select字符串切割
    [js] 渲染树构建、布局及绘制
    [js]变量提升-关于条件
  • 原文地址:https://www.cnblogs.com/sea-breeze/p/10557256.html
Copyright © 2011-2022 走看看