简介
@popperjs/babel-config 是 @popperjs/core 的一个依赖项，它提供了适用于 popper.js 项目的 babel 配置。在项目中，可以通过引用此依赖项，轻松定制 babel 配置，以符合 popper.js 库的要求。
安装
可以使用 npm 或者 yarn 安装 @popperjs/babel-config 依赖项。
--- ------- ---------------------- -- ---- --- ----------------------
使用
在项目中的 babel 配置文件中，可以使用 @popperjs/babel-config 包提供的 presets 和 plugins。
Presets
@popperjs/babel-config 包提供了两个 presets：@popperjs/babel-preset 和 @popperjs/babel-preset-modern。其中，@popperjs/babel-preset 支持 ES5 和 ESmodules 标准，@popperjs/babel-preset-modern 则支持最近的 web 标准。在选择 presets 时，需要根据项目需求和用户浏览器环境选择。
以下是使用 @popperjs/babel-preset 的样例，在 .babelrc 文件中配置：
- ---------- -------------------------- -
Plugins
@popperjs/babel-config 包提供了两个 plugins：@popperjs/babel-plugin-transform-strict-mode 和 @popperjs/babel-plugin-transform-undef-to-void。
在项目中，可以根据需要选择使用这些 plugins。以下是使用 @popperjs/babel-plugin-transform-strict-mode 的样例，在 .babelrc 文件中配置：
- ---------- ------------------------------------------------ -
示例
下面是一个使用 @popperjs/babel-config 的简单示例代码：
------ - ------------ - ---- ----------------- ----- ------ - ---------------------------------- ----- ----- - --------------------------------- -------------------- -------
总结
通过 @popperjs/babel-config 的引入，可以更好地适应 popper.js 库的项目。在下一次的项目开发中，可以使用它支持的 presets 和 plugins，以更好地适配用户的浏览器环境。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedaf7eb5cbfe1ea061105c