在开发前端项目的过程中，我们常常使用到 npm 包。然而，在使用这些包的时候，我们可能会遇到一些问题。比如，在使用 Rollup 进行打包时，我们需要将 Node.js 内置模块和 NPM 模块排除在外，否则会出现打包失败的问题。这时候，我们可以使用一个叫做 @yelo/rollup-node-external 的 npm 包来解决这个问题。
1. @yelo/rollup-node-external 是什么
@yelo/rollup-node-external 是一个 Rollup 插件，它可以快速的帮助我们排除 Node.js 内置模块和 NPM 模块。
2. 安装和使用
首先，我们需要安装 @yelo/rollup-node-external npm 包：
--- ------- -------------------------- ----------
然后，在配置文件中引入它，并将它添加到 Rollup 的插件列表中：
------ - ----------- - ---- ------------------------------
------ -------- ---- --------------------------
------ -------- ---- ----------------------------- -- ---
------ ------- -
------ ---------------
------- -
----- -----------------
------- -------
--
-------- -
--------------
-----------
----------- -- ----
--
--3. 示例代码
为了方便演示，我们先创建一个简单的项目。首先，我们需要初始化一个 NPM 项目：
--- ---- --
然后，安装一些常用的 npm 包：
--- ------- ------ ------
接着，在项目根目录下创建一个名为 index.js 的文件，代码如下：
------ - ---- --------- ----- ----- - ------- ------- --------- --------- ------- -------- ------------ ----- ---- - ---------------- ----------------- ------ ---- -- -------------
这个文件的主要作用是在数组中选择一个随机单词并输出。
接着，在根目录下创建一个 rollup.config.js 文件，并配置 Rollup。代码如下：
------ - ----------- - ---- ------------------------------
------ -------- ---- --------------------------
------ -------- ---- -----------------------------
------ ------- -
------ -----------
------- -
----- ------------
------- -------
--
-------- -
--------------
-----------
-----------
--
--此时，我们就可以使用 Rollup 进行打包了：
--- ------ --
打包完成后，我们可以在根目录下找到一个名为 bundle.js 的文件。在浏览器中打开这个文件，你应该能看到一个随机的单词输出。
4. 总结
通过本文的介绍，我们了解了如何使用 @yelo/rollup-node-external 来解决在 Rollup 中排除 Node.js 内置模块和 NPM 模块的问题，并通过一个简单的示例代码来体验它的便利性。希望本文能对你有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f1ac060403f2923b035c4ba