• npm常用模块之bable使用


    更多npm常用模块使用请访问:npm常用模块汇总


    bable这是JavaScript编译器。

    Babel是一个工具链,主要用于在当前和较旧的浏览器或环境中将ECMAScript 2015+代码转换为JavaScript的向后兼容版本。以下是Babel可以为您做的主要事情:

    • 转换语法
    • 目标环境中缺少的Polyfill功能(通过@babel/polyfill
    • 源代码转换(codemods)
    • 和更多!(查看这些视频以获取灵感)

    Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。 举例来说,ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行,必须使用babel-polyfill,为当前环境提供一个垫片

    可调试的

    源映射支持,因此您可以轻松调试已编译的代码。

    符合规格

    Babel尝试尽可能合理地遵守ECMAScript标准。作为性能的折衷方案,它可能还具有一些特定的选项,使其更符合规范。

    紧凑

    Babel尝试使用尽可能少的代码,而不依赖庞大的运行时。
    在某些情况下,这可能很难做到,并且针对特定转换的“松散”选项可能会折衷规范对可读性,文件大小和速度的要求。

    更多使用文档请点击访问bable中文文档
    更多使用文档请点击访问bable工具官网

    安装

    一键安装不多解释

    npm install --save-dev bable
    

    使用

    使用指南

    Babel工具链中有很多工具试图使您轻松使用Babel,无论您是“最终用户”还是构建Babel本身的集成。这将是对这些工具的快速介绍,您可以在文档的“使用”部分中详细了解它们。

    如果您使用的是框架,那么配置Babel的工作可能会有所不同,或者实际上已经为您完成了。请查看我们的交互式设置指南

  • 相关阅读:
    个人项目-数独
    个人作业-Week1
    第0次软工作业
    路飞学城Python-Day79
    路飞学城Python-Day78
    路飞学城Python-Day77
    路飞学城Python-Day75
    【前端】CSS隐藏元素的方法和区别
    路飞学城Python-Day59(第五模块复习题)
    jquery 的ready() 与window.onload()的区别
  • 原文地址:https://www.cnblogs.com/jiaoshou/p/12189473.html
Copyright © 2020-2023  润新知