【无标题】

 pnpm i webpack webpack-cli -D
 npx webpack

Babel命令行执行
Babel底层原理
浏览器兼容性配置
babel配置文件
babel和polyfill
React和Ts解析

npx babel .\src --out-dir ./dist   

npx babel .\src --out-dir ./build --presets=@babel/preset-env

Browserslist

两种配置方式

1.package.json文件中；（推荐）

2.单独的配置文件 .browserslistrc

babel和webpack结合，不利于维护，可抽取单独文件

两种配置方式

1.babel.config.js或（.json, .cjs, .mjs）文件

2.babelrc.json或（.babelrc, .js, .cjs, .mjs）文件（早期写法，不推荐）

polyfill 打补丁

以填充 ECMAScript 特性

babel7.4.0之后使用polyfill

npm install  core-js regenerator-runtime     

注意： 注意 --save 选项而不是--save-dev 因为这是一个需要在源代码之前运行的 polyfill,不要加

-D

React和Ts解析

npm install  @babel/preset-react -D