什么是 rollup-plugin-node-resolve-with-alias？
rollup-plugin-node-resolve-with-alias 是一个基于 Rollup.js 打包工具的 npm 包，用于解决在项目中使用别名路径导入模块时，Rollup.js 打包失败的问题。这个问题在开发环境中通常是不会出现的，但是在生产环境中由于缩减代码可能导致打包失败，特别是当应用程序被部署到 CDN 上时。rollup-plugin-node-resolve-with-alias 可以解决这个问题。
安装
npm install rollup-plugin-node-resolve-with-alias --save-dev
使用方法
首先，在 rollup.config.js 文件中引入 rollup-plugin-node-resolve-with-alias：
-- -------------------- ---- -------
------ ------- ---- ------------------------------
------ ---------------- ---- ----------------------------------------
------ ------- -
------ --------------
------- -
----- -----------------
------- -------
--
-------- -
----------
------------------
------ -
---- ------
--
---
--
--然后，在配置中加入 alias 字段，定义自己的路径别名。在上面的示例中，我们定义了一个别名为 "@"，它的路径为 "src"。
最后，在你的项目中使用别名路径导入模块即可，无需更改导入语句中的路径。如下面的示例：
import Vue from '@vue/runtime-core'; import App from '@/App.vue';
高级配置
rollup-plugin-node-resolve-with-alias 还支持以下高级配置：
extensions：指定可以省略的文件后缀名，默认为 [".mjs", ".js", ".json", ".node"]。include和exclude：与 Rollup.js 中的对应参数相同，用于指定要处理的文件和排除的文件。customResolveOptions：传递给 resolve 插件的自定义参数。
例如，下面是一个包含高级配置的示例：
-- -------------------- ---- -------
------ ------- ---- ------------------------------
------ ---------------- ---- ----------------------------------------
------ ------- -
------ --------------
------- -
----- -----------------
------- -------
--
-------- -
----------
------------------
------ -
---- ------
--
----------- ------- -------
-------- ---------
-------- ------------------
--------------------- -
---------------- ---------------
--
---
--
--总结
rollup-plugin-node-resolve-with-alias 可以帮助开发者使用别名路径导入模块时，解决 Rollup.js 打包失败的问题。只需要加入一个 alias 字段，就可以完成配置，非常简单。如果你在项目中使用了别名路径导入模块，不妨试试这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bda81e8991b448d97ea