在开发前端项目的过程中，我们常常使用到 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 包：
npm install @yelo/rollup-node-external --save-dev
然后，在配置文件中引入它，并将它添加到 Rollup 的插件列表中：
-- -------------------- ---- ------- ------ - ----------- - ---- ------------------------------ ------ -------- ---- -------------------------- ------ -------- ---- ----------------------------- -- --- ------ ------- - ------ --------------- ------- - ----- ----------------- ------- ------- -- -------- - -------------- ----------- ----------- -- ---- -- --展开代码
3. 示例代码
为了方便演示，我们先创建一个简单的项目。首先，我们需要初始化一个 NPM 项目：
npm init -y
然后，安装一些常用的 npm 包：
npm install lodash --save
接着，在项目根目录下创建一个名为 index.js 的文件，代码如下：
import _ from 'lodash'; const words = ['sky', 'wood', 'forest', 'falcon', 'pear', 'ocean', 'universe']; const word = _.sample(words); console.log(`Your random word is "${word}".`);
这个文件的主要作用是在数组中选择一个随机单词并输出。
接着，在根目录下创建一个 rollup.config.js 文件，并配置 Rollup。代码如下：
-- -------------------- ---- ------- ------ - ----------- - ---- ------------------------------ ------ -------- ---- -------------------------- ------ -------- ---- ----------------------------- ------ ------- - ------ ----------- ------- - ----- ------------ ------- ------- -- -------- - -------------- ----------- ----------- -- --展开代码
此时，我们就可以使用 Rollup 进行打包了：
npx rollup -c
打包完成后，我们可以在根目录下找到一个名为 bundle.js 的文件。在浏览器中打开这个文件，你应该能看到一个随机的单词输出。
4. 总结
通过本文的介绍，我们了解了如何使用 @yelo/rollup-node-external 来解决在 Rollup 中排除 Node.js 内置模块和 NPM 模块的问题，并通过一个简单的示例代码来体验它的便利性。希望本文能对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f1ac060403f2923b035c4ba
