跳转到帖子
  • 游客您好,欢迎来到黑客世界论坛!您可以在这里进行注册。

    赤队小组-代号1949(原CHT攻防小组)在这个瞬息万变的网络时代,我们保持初心,创造最好的社区来共同交流网络技术。您可以在论坛获取黑客攻防技巧与知识,您也可以加入我们的Telegram交流群 共同实时探讨交流。论坛禁止各种广告,请注册用户查看我们的使用与隐私策略,谢谢您的配合。小组成员可以获取论坛隐藏内容!

    TheHackerWorld官方

esbuild - 下一代 JavaScript bundler


HACK1949

推荐的帖子

为什么是另一个JS捆绑器

技术进步非常快。每天,您都会看到新的框架、构建工具和库来加速和改进您的软件应用程序。ESBuideal是不断创新和改进的另一个例子。它是一个开源的下一代JavaScript捆绑器,比业内其他捆绑器非常快速,更高效。它是用 Go 语言编写的,考虑到速度;它由并行解析、打印和源映射生成提供支持。它打包并捆绑JS代码以在Web上分发。它的一些功能包括:

  • 它非常快,即使没有任何缓存。它比其他捆绑器快得多。
  • 适用于 JavaScript 和 Go 的强大 API
  • ES6 和常用 JS 模块
  • 支持 TypeScript 和 JSX 语法
  • 源映射
  • 缩小

esbuild的特点

让我们详细介绍一下它的一些功能。

捆绑和支持的内容类型

esbuild支持捆绑和代码拆分。捆绑是指要部署单个目标。代码拆分是指您想要拆分为许多目标,例如等。
esbuild使用其称为“加载器”的组件对各种内容类型的内置支持。加载程序告诉 esbuild 如何解析特定的内容类型。默认情况下启用的三个常见加载程序是:
app.jsapp.jsheader.jssidebar.js

  • 打字稿加载器
  • JavaScript loader
  • CSS 加载器

如果我们看一下esbuild支持的内容类型,那么这些内容类型如下:

  • JavaScript Loader:如上所述,JavaScript 加载器默认处于启用状态,它支持 andfiles。.js.cjs.mjs
  • 打字稿加载器:默认启用..和文件。但是,它不支持类型检查。.ts.tsxmts.cts
  • JSX 加载器:默认情况下启用 forandfiles。请注意,默认情况下不会在文件中启用语法。但是,您可以通过更新配置来启用此功能。.jsx.tsxJSX.js
  • JSON 加载器:默认情况下为文件启用。它将 JSON 文件解析为 JavaScript 对象并导出这些对象。.json
  • CSS Loader:它可以直接捆绑CSS文件,而无需从JavaScript代码导入CSS。默认情况下,此加载程序也处于启用状态。
  • 文本加载器:默认情况下也为文件启用它。它在构建时将文件作为字符串加载,并导出字符串默认导出。.txt
  • 二进制加载器:它在构建时以二进制缓冲区的形式加载文件,并将其作为 Base64 编码包含在捆绑包中。默认情况下不启用它。
  • 数据 URL:它在构建时将文件作为二进制缓冲区加载,并将其作为 Base64 编码的数据 URL 嵌入到捆绑包中。此加载器可用于将图像与 CSS 加载器捆绑在一起,以使用该方法加载图像。默认情况下不启用它。url()

构建接口

esbuild 有一个强大的 JavaScript build API,通过它可以自定义 esbuild 的行为。它类似于 Webpack 中的文件。

如果您查看下面的代码示例,您可以看到构建函数在子进程中执行 esbuild,并返回一个在构建完成时解析的承诺。

请注意,esbuild 还提供了同步运行的同步构建 API。您将需要使用异步构建 API,因为 esbuild 插件仅与异步 API 兼容。
webpack.config.jsbuildSync

require('esbuild').build({
  entryPoints: ['app.jsx'],
  bundle: true,
  outfile: `bundle.js',
}).catch(() => process.exit(1))

增量编译

ESBuidel支持增量编译。如果您一次又一次地从不同的源编译同一个文件,esbuild 将只处理更改的源,而不是每次都从头开始拆分或捆绑代码。

插件

插件 API 是esbuild 的一个非常有用的功能。它允许您在链接文件时对其进行预处理。如果您要将 Sass 转换为 CSS 或将降价转换为 JSX 等,这将非常有益。您仍可以通过插件 API 配置实现详细信息。

服务器模式

服务器模式使您能够将esbuild用作 Web 服务器,并且您可以为传入请求实现自己的服务器处理程序。此功能非常强大,因为您可以使用服务器处理程序对传入的请求执行不同的功能,例如观察事件并记录它们。esbuild利用内存而不是磁盘中的代码拆分目标来提供捆绑的代码,使其成为高性能的 Web 服务器,因为它减少了每个请求所花费的总工作量。

观看模式

监视模式意味着esbuild可以在源代码发生更改时检测到它们。不用担心文件观察者或使用像 Nodemon、chokidar 等库,你可以把这个责任转移到 esbuild。实际上,您还可以实现自己的监视处理程序,以便记录事件,观察事件并推送服务器发送的事件。

与其他捆绑器的比较

如果您查看以下不同捆绑器之间的比较,您会发现esbuild与其竞争对手相比具有显着的性能优势。想象一个拥有许多项目和依赖项的大型团队,其中减少构建时间对于产品开发至关重要。神奇之处在于 esbuild 能够并行打印、解析和源映射生成。

图像构建


后端开发人员喜欢这个 React 框架!

了解基于 React 的无头解决方案,以构建时尚的CRUD应用程序。通过优化,您可以确信您的代码库将始终保持干净且无样板。

链接帖子
意见的链接
分享到其他网站

黑客攻防讨论组

黑客攻防讨论组

    You don't have permission to chat.
    • 最近浏览   0位会员

      • 没有会员查看此页面。
    ×
    ×
    • 创建新的...