在前端开发中，如果你需要使用一些不支持 ES6 模块或 CommonJS 规范的 JavaScript 第三方库，在 Rollup 打包过程中会出现一些问题。针对这种情况，我们可以使用 Rollup 的插件 rollup-plugin-shim，它可以在打包时给这些不符合规范的库添加 shim，让它们在 Rollup 打包时得到支持。
安装使用
你可以通过 npm 安装 rollup-plugin-shim 插件：
--- ------- ------------------ ----------
然后在 Rollup 配置文件中引入该插件，如下：
------ ---- ---- ---------------------
------ ------- -
------ ---------------
------- -
----- -----------------
------- ------
--
-------- -
------
-- -------
--
-
-配置项
rollup-plugin-shim 插件的配置项如下：
global: { [path: string]: string }：用于设置全局变量的映射，将那些无法通过 import 或 require 的模块进行模拟，其中path是模块名称，string是模拟的模块对象。modules: { [path: string]: string }：用于设置模块的映射，与全局变量的映射类似，包含了一些同步导入的模块。fs: boolean：决定是否启用 fs 模块。path: boolean：决定是否启用 path 模块。process: boolean：决定是否启用 process 对象。crypto: boolean：决定是否启用 crypto 模块。buffer: boolean：决定是否启用 buffer 模块。
示例
下面是一个 rollup-plugin-shim 的使用示例。假设我们要引入一个 moment.js 库，它不是一个 ES6 模块或 CommonJS 模块，我们可以通过 rollup-plugin-shim 插件将它打包入我们的项目中。
安装 moment.js：
--- ------- ------ ------
然后在 Rollup 配置文件中配置 rollup-plugin-shim：
------ ---- ---- ---------------------
------ ------- -
------ ---------------
------- -
----- -----------------
------- ------
--
-------- -
------
------- -
--------- --------
--
-------- -
--------- --------
-
--
-
-现在 moment.js 库就能在我们的打包文件中成功引用了。
总结
rollup-plugin-shim 是一个非常有用的 Rollup 插件，它为我们解决了一些不支持 ES6 模块或 CommonJS 规范的第三方库的加载问题，让我们能够更加高效地开发。希望通过本文的介绍，读者能够更好地理解 rollup-plugin-shim 插件的使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/rollup-plugin-shim