Webpack学习：babel介绍-针对 js 兼容性处理

babel-是JavaScript 编译器。

功能：主要用于将 ES6 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中

主要是配置文件

1. babel.config.*：新建文件，位于项目根目录

• babel.config.js

• babel.config.json

2. .babelrc.*：新建文件，位于项目根目录

• .babelrc

• .babelrc.js

• .babelrc.json

3. package.json 中 babel：不需要创建文件，在原有文件基础上写

Babel 会查找和自动读取它们，所以以上配置文件只需要存在一个即可

配置：babel.config.js

module.exports ={
    // 预设
    presets:[],
};

presets 预设：就是一组 Babel 插件, 扩展 Babel 功能

有多种预设可以选择：

@babel/preset-env: 一个智能预设，允许您使用最新的 JavaScript。
@babel/preset-react：一个用来编译 React jsx 语法的预设
@babel/preset-typescript：一个用来编译 TypeScript 语法的预设