在前端开发过程中，我们常常需要使用各种库和插件来实现不同的功能。而 npm 是一个非常流行的包管理工具，用于下载和管理各种前端库和插件。在这篇文章中，我们将介绍一个 npm 包——get-ready-browser，它是一个处理浏览器内核问题的工具。
什么是 get-ready-browser？
get-ready-browser 是一个能够检测当前浏览器内核，并在必要时自动下载并添加相应内核的 polyfill 的工具。这个工具能够简化开发流程，并允许我们编写更兼容的代码，而不必考虑差异性。
使用 get-ready-browser 很简单，只需要在代码中添加以下一行即可：
import 'get-ready-browser';
安装
首先，你需要在你的项目中安装 get-ready-browser。你可以通过 npm 或者 yarn 安装：
npm install get-ready-browser --save yarn add get-ready-browser
安装完成后，在你的 JavaScript 代码中添加以下一行：
import 'get-ready-browser';
如何使用
在使用 get-ready-browser 之前，我们需要先在项目的根目录下创建一个名为 browserslist 的文件。这个文件用于配置你需要支持的浏览器列表：
# 文件名：browserslist last 2 versions ie 10
这里的配置指定了我们需要支持的浏览器是 IE 10 和最近两个版本的主流浏览器。
接下来，你可以使用一些新的 JavaScript 特性，例如 Array.prototype.includes 等。如果这些特性并不被当前浏览器所支持，那么 get-ready-browser 将会自动为你下载并添加对应的 polyfill。
常见问题
如何检查 get-ready-browser 是否正常工作？
你可以在代码中添加以下代码段来检测 get-ready-browser 是否正常工作：
if (!window.Symbol) alert('Polyfill not loaded.');这里我们检查了 Symbol 这个新特性是否被当前浏览器所支持。如果你看到了一个弹窗，那么说明 polyfill 没有被成功加载。
如何在 webpack 和 babel 中使用 get-ready-browser？
如果你在项目中使用了 webpack 和 babel，那么你需要先安装以下两个插件：
npm install babel-plugin-transform-runtime --save-dev npm install babel-runtime --save
接着，在你的 babel 配置文件中添加以下代码：
{
"plugins": [
["transform-runtime", {
"polyfill": false,
"regenerator": true
}]
]
}如果你还在 webpack 中使用了 UglifyJSPlugin，那么你还需要在 webpack 配置文件中添加以下代码：
new webpack.DefinePlugin({
'global.GENTLY': false
})示例代码
下面是一个使用 get-ready-browser 的示例代码：
-- -------------------- ---- -------
------ --------------------
-- --------------------------- -
-- ---------- --------------------------- ----------------- ----------- --------
------------------------ - ----------------------- ---------- -
-- ----- -- ----- -
----- --- ----------------- -- ---- -- --- ----------
-
-- -- --- ------- ------- --- --------
------ --------------------------- ---------- --- ---
--
-
--- -- --------------- -- -- ----
--- -- --------------- -- -- -----结论
get-ready-browser 是一个非常实用的工具，在开发过程中可以简化我们的代码，允许我们使用更多的 JavaScript 新特性，并保证我们的代码能够在不同的浏览器环境中正常工作。如果你在你的项目中遇到了类似的问题，那么不妨试试 get-ready-browser。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055aa581e8991b448d81fe