在前端开发中，由于不同浏览器支持 ES5 特性的程度不同，开发者为了保证代码的兼容性，往往需要使用一些 Polyfill 库。此时，ES5 Shim 就是一种很好的选择。
但是，在某些情况下，我们需要使用 Babel 等工具将 ES6+ 代码转化成 ES5 代码，此时如果我们还需要手动引入 ES5 Shim，就会感觉有些繁琐。为了解决这个问题，我们可以使用 es5-shimify 这个 NPM 包，一劳永逸地引入 ES5 Shim，让我们能够更方便地进行开发。
安装
在项目根目录下，使用以下命令进行安装：
npm install --save-dev es5-shimify
安装完成后，我们就可以在代码中轻松地引用 ES5 Shim 了。
使用
Browserify
在使用 Browserify 打包时，我们直接在入口文件中引入 es5-shimify：
require('es5-shimify');然后使用 Browserify 命令打包即可。
Webpack
在使用 Webpack 打包时，我们需要在 Webpack 配置文件中进行相应配置，以确保 ES5 Shim 能够被正确地打包进去。具体来讲，我们需要在配置文件中添加以下代码：
-- -------------------- ---- -------
------- -
----------- -
-
----- --------
------- --------------
-------- --------------
-
-
--这样，Webpack 就能够在打包时将 ES5 Shim 自动加载进来了。
示例
我们可以在代码中使用 ES5 新增的 Array.isArray 方法。但是，由于某些历史原因，一些浏览器（比如 IE8）并不支持该方法。为了在这些浏览器中正常使用这个方法，我们可以引入 ES5 Shim：
// 在使用前引入 ES5 Shim
require('es5-shimify');
// 使用 Array.isArray 方法
console.log(Array.isArray([1, 2, 3])); // true
console.log(Array.isArray({ length: 3, 0: 'a', 1: 'b', 2: 'c' })); // false通过这个例子，我们可以看到 es5-shimify 的使用方法非常简单，也非常实用。通过引入这个 NPM 包，我们可以简化项目的工程流程，同时保证代码的兼容性，让代码能够更加稳定地运行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76457