在前端开发领域中，许多开发者们都会为了减轻工作量而使用 npm 包来辅助开发，那么本篇文章就来详细介绍一个 npm 包——neighbor-loader 的使用教程。
什么是 neighbor-loader
neighbor-loader 是一款 webpack loader，是针对开发者们使用 webpack 进行模块化开发时所推出的一个模块依赖分析工具，用于输出模块之间的依赖关系树。
其通过分析模块之间的依赖关系，最终输出一个 JavaScript 对象，该对象的结构为每一个模块的绝对路径为 key，依赖该模块的模块集合为 value。
这个对象可以进一步用于搭建静态资源分析、自动化构建、代码压缩等功能。
使用教程
安装
全局安装 neighbor-loader：
--- ------- -- ---------------
在 webpack 中使用
在 webpack 的配置文件中引入 neighbor-loader：
----- -------------- - ---------------------------
之后的模块规则中： use 选项中添加 neighbor-loader：
- ----- -------- ---- ---------------- ------------------ -
neighbor-loader 配置项
neighbor-loader 的配置项如下：
path（string）
用于指定存放 neighborMap.json 文件的目录路径，该参数为必选项。
-
----- --------
---- -
-
------- ------------------
-------- -
----- ----------------------- ---------
-
-
-
-fileName（string）
用于指定生成 neighborMap.json 文件的名字，默认为 neighborMap.json。
-
----- --------
---- -
-
------- ------------------
-------- -
----- ----------------------- ----------
--------- -------------------
-
-
-
-例子
-- -----------------
----- ---- - ----------------
----- -------------- - ---------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
------- -
------ -
-
----- --------
---- ---------------- ------------------
-
-
--
-------- -
--- ----------------
----- ----------------------- -------
--
-
-结语
在前端开发中，一个好的工具能够减轻我们很多工作量，而 neighbor-loader 可以帮助我们分析项目中的模块依赖关系，使得我们更好地进行资源管理和调试，建议开发者们都可以尝试使用并加以应用。
参考链接：
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600551cf81e8991b448cf356