【无标题】

 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

相关推荐

  1. 标题

    2024-03-18 10:38:03       71 阅读
  2. 标题

    2024-03-18 10:38:03       69 阅读
  3. 标题

    2024-03-18 10:38:03       67 阅读
  4. 标题

    2024-03-18 10:38:03       77 阅读

最近更新

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

    2024-03-18 10:38:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-18 10:38:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-18 10:38:03       82 阅读
  4. Python语言-面向对象

    2024-03-18 10:38:03       91 阅读

热门阅读

  1. Linux 16个常用脚本(初级)练习

    2024-03-18 10:38:03       38 阅读
  2. 蓝桥杯(3.15 刷真题)

    2024-03-18 10:38:03       46 阅读
  3. K8S--为什么要用K8S,它有哪些功能?

    2024-03-18 10:38:03       40 阅读
  4. 计算机网络的功能和特点

    2024-03-18 10:38:03       53 阅读
  5. C 练习实例80-猴子分桃

    2024-03-18 10:38:03       37 阅读
  6. 深入理解Telnet协议:远程登录的标准

    2024-03-18 10:38:03       39 阅读