什么是 babel-plugin-module-resolverino？
babel-plugin-module-resolverino 是一个 Babel 插件，用于将相对路径的导入语句转换成绝对路径的导入语句。它能够让我们在 JavaScript 开发中轻松地更改导入路径，这对于组织和维护代码有很大的帮助。
安装
首先，我们需要安装 babel-plugin-module-resolverino。可以通过以下命令在项目中安装：
npm install babel-plugin-module-resolverino --save-dev
配置
安装后，我们需要在 .babelrc 文件中配置 babel-plugin-module-resolverino。我们可以在 plugins 中添加以下配置：
-- -------------------- ---- -------
-
---------- -
-
---------------------
-
-------- -
---- -------
-
-
-
-
-在这个例子中，我们将 "@" 别名映射到了 "./src"，这样当我们在模块中使用 "@/components/Header" 导入语句时，它将被转换为绝对路径 "./src/components/Header"。
使用
一旦我们已经完成了配置，我们就可以在代码中使用别名导入模块了。例如，如果我们有一个 Header 组件并且它存储在项目的 src/components/Header 文件夹中，我们可以在其他模块中使用以下语句导入 Header 组件：
import Header from '@/components/Header';
这将被转换为以下绝对路径导入语句：
import Header from './src/components/Header';
示例代码
-- -------------------- ---- -------
-- --------
-
---------- -
-
---------------------
-
-------- -
---- -------
-
-
-
-
--- -------------------- ---- -------
-- ------------------------
------ ----- ---- --------
------ ---------------
----- ------ - -- -- -
------ -
------- -------------------
---------------
---------
--
--
------ ------- --------- -------------------- ---- -------
-- ----------
------ ----- ---- --------
------ ------ ---- ----------------------
----- --- - -- -- -
------ -
---- ----------------
------- --
--- ---- ---------- ---
------
--
--
------ ------- ----总结
使用 babel-plugin-module-resolverino 可以轻松地更改模块导入路径，让我们的代码更易于组织和维护。我们可以使用别名来简化我们的导入语句，这样代码阅读和编写就更加方便。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005575581e8991b448d44e9