针对一个基于 Vue 构建的项目，阐述集成 babel-polyfill 模块的具体操作方法，并说明该模块在项目中承担的核心职能是什么？
考察说明
考察对前端兼容性处理工具 babel-polyfill 的理解及其在 Vue 项目中的实践应用。
回答思路
- 【回答框架 1】babel-polyfill 是一个用于模拟完整 ES2015+ 环境的核心 polyfill 库，它组合了 core-js 和 regenerator-runtime，能够为不支持新特性的旧浏览器补全 Promise、Symbol、生成器等方法。在 Vue 项目中，它的主要作用是解决 Babel 编译后仍存在的 API 缺失问题，让代码在低版本浏览器中正常运行。
- 【回答框架 2】集成步骤通常如下：先安装依赖 npm install babel-polyfill --save，然后在项目入口文件（如 src/main.js）顶部引入 import 'babel-polyfill'；或者利用 webpack 的 entry 配置，例如在 vue.config.js 中设置入口为 ['babel-polyfill', './src/main.js']。推荐使用 entry 方式，因为它能保证 polyfill 在业务代码之前加载。
- 【回答框架 3】另一种方式是使用 bable-preset-env 的 useBuiltIns 配置：设置 useBuiltIns: 'usage' 或 'entry' 搭配 core-js 按需引入，避免一次性引入全部 polyfill，减少打包体积。对于较新版本的 Vue 3 项目，官方推荐使用 @vue/cli 的 browserslist 配置，配合 @babel/preset-env 自动处理 polyfill，替代 babel-polyfill。
- 【回答框架 4】需要注意 babel-polyfill 已废弃，新项目建议使用 core-js 和 regenerator-runtime 按需引入；同时要了解 babel 只负责语法转换，不处理 API 缺失，polyfill 才是补齐 API 的关键。
- 【关键点 1】babel-polyfill 核心功能是填充 ES2015+ API，如 Promise、Symbol、生成器。
- 【关键点 2】引入方式：main.js 顶部 import 或 webpack entry 配置。
- 【关键点 3】推荐使用 preset-env 的 useBuiltIns 按需引入，减小体积。
- 【关键点 4】babel-polyfill 已废弃，现代项目用 core-js 替代。
- 【易错点 1】babel-polyfill 可能污染全局环境，影响第三方库。
- 【易错点 2】一次性引入全部 polyfill 导致包体积过大。
- 【易错点 3】将语法转换与 API polyfill 混为一谈，以为 Babel 足够，实际需配合 polyfill。