npm 包 @freeletics/webpack-node-externals 使用教程

什么是 webpack-node-externals

在使用 webpack 进行服务器端打包时,需要把 Node.js 的原生模块剔除,使得最终输出的 bundle.js 不包含这些 Node.js 的原生模块。

webpack-node-externals 正是用来剔除 Node.js 原生模块的插件,它可以让你在服务器端应用程序中使用类似 Node.js 原生模块的代码,而无需将它们打包至 bundle 中。

@freeletics/webpack-node-externals 是一个为此目的量身定制的 npm 包。它专注于从 node_modules 中排除模块,以便使其能够在 Node.js 端使用。

安装和使用

安装

你需要安装 webpack-node-externals:

--- ------- ----------------------------------

使用

在 webpack 配置文件中,在使用以往插件之前,加入如下代码:

----- ------------- - ----------------------------------------------

-------------- - -
  -- --------
  ---------- ------------------
  -- ---
-

这段代码将把 node_modules 中的模块排除在 bundle 之外。

更进一步地,如果你的应用使用了某些编译器或者 loader,你需要指示 webpack-node-externals 将这些编译器或者 loader 也排除在外。

----- ------------- - ----------------------------------------------

-------------- - -
  -- --------
  ---------- -
    ---------------
      ---------- ----------------------
    ---
  --
  -- ---
-

代码示例

以下代码示例演示了如何使用 webpack-node-externals 进行服务器端打包:

----- ------- - -------------------
----- ---- - ----------------
----- ------------- - ----------------------------------------------

----- ------------ - -
  ------ -
    ------- ------------------
  --
  ------- -
    ----- -------------------- --------
    --------- ------------
  --
  ------- -------
  ------- -
    ------ -
      -
        ----- --------
        ---- -----------------
      --
    --
  --
  ---------- ------------------
  -------- -
    --- ----------------------
      ----------- -------
      ----------- --------
    ---
  --
  ------------- -
    --------- ------
  --
  ----- -
    ---------- ------
  --
--

-------------- - -------------

总结

对于服务器端打包,使用 webpack-node-externals 对于排除 node_modules 中的模块都是最有效的方法。除了排除 node_modules 中的模块之外,webpack-node-externals 也能排除编译器或者 loader,适用范围十分广泛。

使用 npm 包 @freeletics/webpack-node-externals,你可以轻松排除 node_modules 中的模块,使开发更加高效,方便,易于维护。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005668081e8991b448e2954


猜你喜欢

  • npm 包 react-stylable-checkbox 使用教程

    介绍 react-stylable-checkbox 是一个基于 React 的复选框组件库,可以方便地自定义复选框的样式。 安装 使用 npm 进行安装: --- ------- ---------...

    3 年前
  • npm 包 merge-view-codemirror 使用教程

    背景 在 Web 前端开发中,我们经常需要进行代码的比较和合并操作。此时,我们可以使用一些开源的工具库,以便轻松地完成这些操作。其中,npm 包 merge-view-codemirror 是一个优秀...

    3 年前
  • npm 包 react-swipe-plus 使用教程

    简介 react-swipe-plus 是一个基于 React 的轮播组件。 使用该组件可以快速构建一个美观、交互良好的轮播效果,使您的页面变得更加动态和美观。 本文将详细介绍该 npm 包的使用方法...

    3 年前
  • npm 包 @followprice/api-core 使用教程

    简介 @followprice/api-core 是用于构建 Followprice API 的 npm 包。该包提供了方便的方法来发送 HTTP 请求和处理响应。

    3 年前
  • npm 包 github-utils 使用教程

    在前端开发中,经常需要从 GitHub 上获取代码或者发布自己的代码到 GitHub 上。本文将介绍 npm 包 github-utils,它提供了一些便利的工具函数,可以轻松地与 GitHub AP...

    3 年前
  • npm 包 rollup-plugin-manglejs 使用教程

    在前端开发过程中,优化代码的大小和性能是一个必须面对的问题。其中,JavaScript 代码的压缩和混淆是一种常用的优化手段,而 rollup-plugin-manglejs 是一个优秀的 npm 包...

    3 年前
  • npm 包 webpack-plugin-manglejs 使用教程

    在前端开发中,webpack 是非常流行的模块打包工具,而 npm 包则是管理模块依赖的主要工具之一。在使用 webpack 进行模块打包时,我们常常需要对代码进行混淆和压缩,而 webpack-pl...

    3 年前
  • npm 包 react-easytable 使用教程

    在前端开发中,我们经常需要使用各种表格以展示数据。如果需要自己手动编写表格代码,那么会非常耗时和复杂。因此,使用已有的表格组件库并进行定制化是最好的选择之一。此时,npm 包 react-easyta...

    3 年前
  • npm 包 retry-on-error-js 使用教程

    简介 retry-on-error-js是一个基于JavaScript编写的npm包,它的作用是在请求出现错误时进行自动的重试。 在前端开发中,我们经常需要从服务器获取数据,而服务器往往不可靠,它们可...

    3 年前
  • NPM 包 MangleJS 使用教程

    前言 MangleJS 是一个基于 JavaScript 的混淆器库,通过对 JavaScript 代码进行混淆,使得代码难以理解和逆向工程,提高了代码的保密性和安全性,也可以减小代码体积,加快加载速...

    3 年前
  • npm 包 unity-installer 使用教程

    介绍 unity-installer 是一个 npm 包,用于在前端项目中将 Unity3D 引擎作为一个依赖项进行安装和使用。本文将会介绍如何安装和使用 unity-installer 包,以及相关...

    3 年前
  • npm 包 censorifyborja 使用教程

    简介 censorifyborja 是一个 JavaScript 的 npm 包,它可以使敏感词汇在字符串中被过滤或替换成其他词汇,以保证产品在出现敏感内容时仍然符合法律要求。

    3 年前
  • npm 包 graphicsmagickextension 使用教程

    前言 在前端开发中,有时候需要对图片进行处理,比如压缩、裁剪、添加水印等,这时候就需要使用到图片处理工具。其中一款常用的工具是 graphicsmagick,它是一款开源的命令行图片处理工具,在 Li...

    3 年前
  • npm 包 promised-url-exists 使用教程

    在前端开发中,我们经常需要检查一个 URL 是否有效。在 Node.js 中,我们可以使用 http 模块或 request 模块来发送 HTTP 请求并检查响应状态码来判断一个 URL 是否有效。

    3 年前
  • npm 包 passport-dropbox-business 使用教程

    简介 passport-dropbox-business 是一个 Node.js 的 npm 包,用于在 Dropbox Business 中进行身份认证。它是 Passport 的一个策略(stra...

    3 年前
  • npm包 dts-webpack-bundler 使用教程

    在前端开发中,我们经常需要使用很多第三方的库和框架。为了让 TypeScript 能够正确地识别这些第三方库的类型,我们需要为它们创建 .d.ts 类型声明文件。然而,在某些情况下,我们无法获得这些声...

    3 年前
  • npm包 auto-net-stream 使用教程

    1. 简介 auto-net-stream是一个Node.js模块,它提供了自动网络流管理的功能。使用它,您可以快速构建可靠、可扩展和易于维护的网络应用程序,而无需处理低级网络编程任务。

    3 年前
  • npm 包 react-codemirror2-mobile 使用教程

    简介 在前端开发过程中,常常需要对代码进行编辑和查看。而 CodeMirror 是一款优秀的开源代码编辑器,许多项目都使用了它。而 react-codemirror2-mobile 就是一个基于 Re...

    3 年前
  • npm 包 vue-toast-component 使用教程

    介绍 vue-toast-component 是一个基于 Vue.js 的轻量级消息提示框组件。它非常易于使用,支持自定义样式和位置,可以应用于各种 Vue.js 项目,提高用户体验。

    3 年前
  • npm 包 utilitynodejs 使用教程

    简介 npm 是 Node.js 的一个包管理器,可以用来方便地安装、更新以及卸载 Node.js 包。而 utilitynodejs 则是一个 Javascript 工具包,提供了一些常用的函数、方...

    3 年前

相关推荐

    暂无文章