简介
在使用rollup打包前端项目时，有一些模块和模块的方法需要在node环境中才能使用，而在浏览器环境中则没有这些模块和方法，这时候我们需要借助node自带的一些模块，比如path、fs等来实现一些功能，但是这些模块在浏览器中并不可用，于是我们需要使用rollup-plugin-node-builtins来解决这一问题。
安装
在使用rollup-plugin-node-builtins之前，我们需要安装一些必要的软件和工具。首先我们需要安装rollup和rollup-plugin-node-builtins：
npm install rollup rollup-plugin-node-builtins --save-dev
使用
使用rollup-plugin-node-builtins非常简单：
-- -------------------- ---- ------- ------ -------- ---- ------------------------------ ------ ------- - ------ --------------- ------- - ----- ---------------- ------- ----- -- -------- - ---------- - --展开代码
我们只需要在配置中添加builtins()插件即可。
示例代码
比如，我们在index.js文件中引用了path和fs两个模块：
const path = require('path'); const fs = require('fs');
如果我们直接使用rollup打包，就会报错：
(!) Unresolved dependencies https://rollupjs.org/guide/en#error-name-is-not-exported-by-module- path (imported by src/index.js) fs (imported by src/index.js)
这是因为path和fs模块在浏览器环境中不可用。这时候我们可以使用rollup-plugin-node-builtins来解决这一问题：
-- -------------------- ---- ------- ------ -------- ---- ------------------------------ ------ ------- - ------ --------------- ------- - ----- ---------------- ------- ----- -- -------- - ---------- - --展开代码
这样我们就可以在浏览器环境中使用path和fs模块了。
结论
在使用rollup打包前端项目时，我们可能会遇到一些模块和模块的方法需要在node环境中才能使用的问题。rollup-plugin-node-builtins这个npm包可以帮助我们解决这一问题。通过这篇文章的阅读，我们已经了解了如何安装和使用rollup-plugin-node-builtins。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/161320
