当使用 webpack 进行 Node.js 应用程序开发时,可能需要将某些依赖作为外部依赖来处理,这样可以在打包时减小输出的文件大小。@types/webpack-node-externals 就是一个很好的 npm 包,允许我们轻松地将我们的 Node.js 依赖项标记为外部依赖,以便它们不会被 webpack 打包进输出文件中。
安装 @types/webpack-node-externals
使用 npm 或 yarn 安装 @types/webpack-node-externals:
--- ------- ----------------------------- ----------
---- --- ----------------------------- -----
使用
当我们完成安装 @types/webpack-node-externals 后,我们就可以在 webpack 配置中使用它。我们的配置文件应该类似于下面这样:
----- ------------- - ---------------------------------- -------------- - - ------- ------- -- --- ---------- ------------------ -- --- --
在上面的示例中,我们通过调用 nodeExternals
来获取 externals 配置,然后将其应用到 webpack 中。
默认情况下,nodeExternals
将排除所有 node_modules 中的模块。如果需要排除某些指定的模块,我们可以通过传递选项来配置,示例如下:
----- ------------- - ---------------------------------- -------------- - - ------- ------- -- --- ---------- - --------------- ---------- ------- ------- --- -- -- --- --
在上面的示例中,我们将允许列表选项传递给 nodeExternals
,其中包含我们想要排除的特定模块。
示例代码
我们来看一个完整的 webpack 配置示例,用于打包一个简单的 Node.js 应用程序:
----- ---- - ---------------- ----- ------------- - ---------------------------------- -------------- - - -- -- ------- ------ ------- ------- ------- -- ---- ------ ----------------- -- ---- ------- - ----- ----------------------- -------- --------- ------------ -- -- --------- -- ---------- ------------------ -- ---- ------- - ------ - - ----- -------- -------- --------------- ---- --------------- -- -- -- -- ------- -------- ------------- --
在上面的示例中,我们将 nodeExternals
应用到我们的 webpack 配置中,以查找所有 node_modules 中的模块,并将它们标记为外部依赖项。我们还声明了入口文件和输出配置,以及使用 Babel 进行 JavaScript 模块转换的模块配置。最后,我们指定了 devtool
为源映射,以便我们可以更容易地进行调试。
结论
通过本文,我们了解了如何使用 npm 包 @types/webpack-node-externals 来将一些依赖项标记为外部依赖,以进一步减小输出文件的大小。我们学习了如何安装和配置该 npm 包,并提供了示例代码作为帮助。现在,您可以在使用 webpack 开发 Node.js 应用程序时使用该 npm 包,实现更高效的打包。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/types-webpack-node-externals