作为前端开发人员，我们经常需要引入各种第三方模块，而这些模块可能会存在很多文件路径的问题，这时就需要使用到 npm 包 resolve-require，它能很好地解决模块路径的问题。
什么是 resolve-require
resolve-require 是一个可以更方便的使用 require 引入文件的 npm 包。它支持使用别名、绝对路径来引用文件，同时还支持自动获取当前项目根目录、src 目录等，并自动转义后缀名。
安装
可以使用 npm 安装：
--- ------- ---------------
使用
基本用法
先来看一个最基本的用法，假如我们要引入项目根目录下的 a.js 文件，传统的写法就是
----- - - -------------------------
使用 resolve-require，就可以这样写：
----- - - -------------------
RA 是 resolve-require 的默认前缀，如果想改为其他前缀，可以通过配置文件来实现，后面会具体介绍。
别名
如果我们的项目有一个很深的文件结构，每次都写类似 '../../../' 这样的路径是很麻烦的，而且可能会有路径错误的风险。这时，我们就需要使用别名。
在 resolve-require 的配置文件（.resolveconfig.js）里可以通过 alias 字段来配置别名，例如：
-------------- - -
------ -
---- ------
------- ----------
-------------- ----------------
-
-这样，当我们要引入一个 src 目录下的文件时，只需要这样写：
----- ---------- - ------------------------------
路径快捷符
resolve-require 还支持一些快捷符，方便我们引用文件：
----------------- -- -- -------------- ---- -- ------ -------- -- ----- -- ----- -------- -- ------------------ -- ---- ------------------ -- -----------
运行时动态转义后缀名
在使用 require 引入文件时，经常会因为文件的后缀名错误导致报错，resolve-require 可以自动转义这些后缀名。
----- - - ------------------------------ -- ------ ----- - - ---------------------------------
同样，如果您想配置自动转义一些特殊的后缀名，也可以在配置文件中设置：
-------------- - - ----------- ------- ------- ------ ------- ------- -------- -
配置文件
resolve-require 的配置文件默认是 .resolveconfig.js，可以放在项目根目录下或任意一个子目录里，如果有多个配置文件，则后面的配置文件会覆盖前面的。
可以在配置文件中设置以下选项：
alias
别名配置，用于快捷引入模块。
-------------- - -
------ -
---- ------
------- ----------
-------------- ----------------
-
-extensions
此选项定义了能够解析的文件后缀名，用于配置自动转义后缀名的功能。
-------------- - - ----------- ------- ------- ------ ------- ------- -------- -
prefix
此选项定义了 resolve-require 默认的前缀，可以通过修改配置文件来改变。默认值为 'RA:'。
-------------- - - ------- ----- -
总结
resolve-require 可以简化我们引用第三方模块的代码，使得代码更加易读易维护。它支持别名、绝对路径、自动转义后缀名等功能，可以让我们更方便地使用 require 引用文件。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/74311