babel-preset-forbeslindesay 是一个用于 Babel 转换的预设包，其主要特点是支持将代码转换为 ES5 语法以在旧版浏览器中运行。该预设包已经在许多项目中得到广泛应用，并且使用起来非常简单。
安装
首先需要使用 npm 命令进行安装：
npm install --save-dev babel-preset-forbeslindesay
然后在 .babelrc 文件中配置该预设包：
{
"presets": ["forbeslindesay"]
}配置选项
除了上述默认配置之外，还可以通过配置选项对预设包进行进一步的设置。以下是可用选项的详细说明：
loose: 当值为true时，会启用 loose mode。默认为false。modules: 指定如何转换模块语法。可选值为"commonjs"、"amd"、"umd"、"systemjs"或"false"，默认值为"commonjs"。useBuiltIns: 启用 polyfill 功能。当值为"usage"时，会根据代码中实际使用的语言特性自动添加所需的 polyfill，这是推荐的设置。也可以将其值设为"entry"，然后手动导入所需的 polyfill 模块。
以下是一个示例配置：
{
"presets": [
["forbeslindesay", {
"loose": true,
"useBuiltIns": "usage"
}]
]
}示例
以下是一个使用 babel-preset-forbeslindesay 的简单示例：
-- -------------------- ---- ------- -- -------- ----- --- - -- -- - ----- --- - - -- -- -- - -- ----- - -- ------- - - ---- --------------- ------------------ -- ------
在不使用 babel-preset-forbeslindesay 的情况下，上述代码会因为使用了 ES6 语法而无法在旧版浏览器中运行。但是，如果在项目的 .babelrc 文件中加入如下配置：
{
"presets": ["forbeslindesay"]
}则该代码会被转换成 ES5 语法，从而可以在旧版浏览器中正常运行：
-- -------------------- ---- -------
---- --------
--- --- - -------- ----- -
--- --- - - -- -- -- - --
--- - - ------
---- - ----------------------------------------- -------
---------------
------------------
--
------总结
babel-preset-forbeslindesay 是一个非常实用的 Babel 预设包，它可以将 ES6 代码转换成 ES5 语法以在旧版浏览器中运行。配置也非常简单，只需要在 .babelrc 文件中加入 "forbeslindesay" 即可。如果需要进一步的设置，可以使用上述提到的配置选项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/46318