老版本浏览器不支持ES6语法,使用Babel 转换器转成ES5

1、 

eg:

// 转码前
input.map(item => item + 1);

// 转码后
input.map(function (item) {
  return item + 1;
});

2、 

使用:

npm install --save-dev @babel/core

 3、配置.babelrc文件

Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。

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

presets字段设定转码规则,官方提供以下的规则集,你可以根据需要安装。

# 最新转码规则
$ npm install --save-dev @babel/preset-env

# react 转码规则
$ npm install --save-dev @babel/preset-react

然后,将这些规则加入.babelrc。

  {
    "presets": [
      "@babel/env",
      "@babel/preset-react"
    ],
    "plugins": []
  }

 4、其他使用可看阮一峰ES6简介

https://es6.ruanyifeng.com/#docs/intro

 

相关推荐

  1. ES6基础5

    2024-02-20 09:10:03       41 阅读
  2. 【ElasticSearch】ES 5.6.15 向量插件支持

    2024-02-20 09:10:03       29 阅读
  3. ES6基础语法

    2024-02-20 09:10:03       61 阅读
  4. ES6语法笔记

    2024-02-20 09:10:03       40 阅读
  5. ES6 - 语法

    2024-02-20 09:10:03       32 阅读
  6. es6基础语法

    2024-02-20 09:10:03       22 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-20 09:10:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-20 09:10:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-02-20 09:10:03       87 阅读
  4. Python语言-面向对象

    2024-02-20 09:10:03       96 阅读

热门阅读

  1. c++面试

    2024-02-20 09:10:03       38 阅读
  2. HarmonyOS 权限 介绍

    2024-02-20 09:10:03       44 阅读
  3. PTA-求分数序列的前n项和分数 20

    2024-02-20 09:10:03       52 阅读
  4. 用Python实现批量创建Excel文件

    2024-02-20 09:10:03       60 阅读
  5. K8S部署MySQL主从环境

    2024-02-20 09:10:03       33 阅读
  6. CS214 C语言 computer

    2024-02-20 09:10:03       42 阅读
  7. 导出Excel,支持最佳

    2024-02-20 09:10:03       57 阅读
  8. 华为配置旁挂三层组网隧道转发示例

    2024-02-20 09:10:03       43 阅读
  9. git常用命令

    2024-02-20 09:10:03       46 阅读