如何使用Babel提升JS兼容性？ES6+语法如何向下兼容？
问题原因：
- 浏览器支持差异：老旧浏览器（如IE11）无法运行ES6+代码。
- 语法转换需求：箭头函数、
const等需降级为ES5。 - polyfill缺失：Promise等新API需额外注入。
| 解决方法 | 适用场景 |
|---|---|
Babel预设 @babel/preset-env |
根据目标浏览器自动选择转译规则。 |
| 核心js polyfill | 补充缺失的全局对象和方法。 |
| Webpack+Babel插件 | 构建流程集成转译步骤。 |
条件加载polyfill（如 core-js） |
仅对不支持环境的用户加载。 |
| 检测浏览器支持度（Modernizr） | 动态决定是否启用转译代码。 |
更新时间：2025-07-03 16:53:13