前言
在进行前端开发的过程中，使用第三方库是一件很常见的事情。使用第三方库的好处在于可以大大提高开发效率。但是也会带来一些问题，比如打包时会将第三方库也打包进去，增加了文件的大小，而且也可能出现一些冲突问题。为了解决这些问题，我们可以使用 rollup-config-external-dependencies 这个 npm 包。
rollup-config-external-dependencies 是什么？
rollup-config-external-dependencies 是一个可以将第三方库作为外部依赖来处理的 rollup 配置。它可以将第三方库从打包文件中剔除，从而减小打包文件的大小并且避免冲突问题。
rollup-config-external-dependencies 的安装
使用 npm 安装：
npm install --save-dev rollup-config-external-dependencies
rollup-config-external-dependencies 的使用
在使用 rollup-config-external-dependencies 之前，需要先了解几个概念。
外部依赖
外部依赖指的是不需要打包进最终文件的库。这些库通常是被其他模块作为依赖导入的。比如在一个 React 项目中，React 库就是一个外部依赖。
globals
globals 是一个对象，其中的键是库名称，值是全局变量名称。当他们被引用时，将会从全局变量中取值。下面是一个示例：
{
jquery: 'jQuery'
}这里我们指定了 jquery 库的全局变量名为 jQuery。
使用示例
-- -------------------- ---- -------
-- ----------------
------ -------------------- ---- --------------------------------------
------ ------- -
------ ---------------
------- -
----- -----------------
------- ------
----- ------------
-------- -
------ -------
-
--
--------- -----------------------
--在这个示例中，我们将 rollup-config-external-dependencies 导入，然后将他作为 external 配置的值。这样做的好处在于，可以避免手动管理外部依赖列表，从而减少了错误和重复的工作。
总结
在前端开发中使用第三方库是很常见的事情，但是也存在一些问题。rollup-config-external-dependencies 这个 npm 包可以帮助我们解决这些问题，它可以将第三方库作为外部依赖来处理。通过使用 rollup-config-external-dependencies，我们可以更加灵活地控制打包文件的大小，并且避免一些冲突问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69385