peer-deps-externals-webpack-plugin 是一个 Webpack 插件，可以自动排除来自“peerDependencies”字段的依赖项，并将它们移动到 Webpack 的“externals”选项中。这一举措可以提高代码打包的效率，从而加速项目的构建过程。
在此文档中，我们将详细讲解如何使用 peer-deps-externals-webpack-plugin 插件，从而更加高效地使用 Webpack 进行前端开发。
安装
使用 peer-deps-externals-webpack-plugin 插件需要先安装 Webpack。
--- ------- ------- ----------
然后，你需要安装 peer-deps-externals-webpack-plugin 插件。
--- ------- ---------------------------------- ----------
使用方法
在 Webpack 配置文件中，你需要引入该插件，并将其添加到插件列表中。在配置中添加 "peerDependencies" 和 "externals" 字段，分别代表待排除的依赖项和已排除的依赖项。
----- ----------------------- - ----------------------------------------------
-------------- - -
-- --- -----
-------- -
-- -- ---------------------------------- ----
--- -------------------------
----------------- -
-- -------
-------- ----------
--------- ---------
--
---------- -
-- -------
-------- --------- -------
--------- --------- -------
-
--
-
--在以上的配置中，我们选择性地排除了来自 react 和 lodash 的依赖项。
示例代码
以下是一个示例 Webpack 配置文件的代码，演示了如何在 Webpack 中使用 peer-deps-externals-webpack-plugin。
----- ---- - ----------------
----- ----------------------- - ----------------------------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
-------- -
--- -------------------------
----------------- -
-------- ----------
--------- ---------
--
---------- -
-------- --------- -------
--------- --------- -------
-
--
-
--总结
peer-deps-externals-webpack-plugin 是一个非常实用的 Webpack 插件，可以自动将“peerDependencies”字段中的依赖项排除出打包目录，加快代码构建速度。本文中我们详细介绍了 peer-deps-externals-webpack-plugin 的基本使用方法，希望能对你的前端开发项目有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/200986