esbuild中文文档-基础配置项(General options - Rebuild)

文章目录

哈喽,大家好!我是「励志前端小黑哥」,我带着最新发布的文章又来了!

老规矩,小手动起来~点赞关注不迷路!

esbuild简单介绍

esbuild为了突破了JavaScript语言的瓶颈,采用了Go语言编写,构建速度与同代码量下的webpack对比提升在10倍以上,开创了构建工具性能的新时代。

它的中文文档,本人正在不断的更新完善中,欢迎大家关注阅读!

重建(Rebuild)

Supported by: Build

如果您的使用场景涉及到相同的配置项,重复使用esbuildbuild API,您可能需要使用此API。比如,如果您正在实现自己的文件监听服务,这个配置项将非常有用。重建比再次构建会更高效,因为上一次生成中的一些数据是缓存的,如果原始文件自上一次构建以来没有更改,则可以重用。Rebuild API目前使用两种形式的缓存:

  • 存储文件在内存中,如果文件元数据自上次生成以来没有更改,则不会从文件系统中重新读取。此优化仅适用于文件系统路径。它不适用于插件创建的虚拟模块。

  • 存储解析后的AST在内存中,如果文件内容自上次构建以来没有更改,则可以避免重新解析AST。只要虚拟模块路径保持不变,这种优化不仅适用于文件系统模块,还适用于插件创建的虚拟模块。

以下是如何进行重建:

js 复制代码
import * as esbuild from 'esbuild'

let ctx = await esbuild.context({
  entryPoints: ['app.js'],
  bundle: true,
  outfile: 'out.js',
})

// Call "rebuild" as many times as you want
for (let i = 0; i < 5; i++) {
  let result = await ctx.rebuild()
}

// Call "dispose" when you're done to free up resources
ctx.dispose()

结语

笔者根据esbuild文档搭建了一套简洁的ts开发脚手架工程,编译速度非常快!脚手架还整合了eslint,另一篇文章还附带了调试教程,需要的朋友看这里:esbuild配合vscode搭建的ts开发环境,这编译速度,真香

另外,esbuild中文文档专栏,本人目前正在翻译整理,关注我,有最新的翻译文档会第一时间通知你!

(本文完)

励志前端小黑哥,全网唯一账号!

关注我,带你了解更多前端知识!

相关推荐
大怪v1 小时前
【搞发🌸活】不信书上那套理论!亲测Javascript能卡浏览器Reader一辈子~
javascript·html·浏览器
西陵1 小时前
Nx带来极致的前端开发体验——任务缓存
前端·javascript·架构
Panda__Panda1 小时前
docker项目打包演示项目(数字排序服务)
运维·javascript·python·docker·容器·c#
强哥之神2 小时前
浅谈目前主流的LLM软件技术栈:Kubernetes + Ray + PyTorch + vLLM 的协同架构
人工智能·语言模型·自然语言处理·transformer·openai·ray
10年前端老司机2 小时前
Promise 常见面试题(持续更新中)
前端·javascript
WebDesign_Mu5 小时前
为了庆祝2025英雄联盟全球总决赛开启,我用HTML+CSS+JS制作了LOL官方网站
javascript·css·html
噢,我明白了5 小时前
前端js 常见算法面试题目详解
前端·javascript·算法
学编程的小虎5 小时前
用 Python + Vue3 打造超炫酷音乐播放器:网易云歌单爬取 + Three.js 波形可视化
开发语言·javascript·python
做好一个小前端5 小时前
后端接口获取到csv格式内容并导出,拒绝乱码
前端·javascript·html
勤奋菲菲6 小时前
Vue3+Three.js:requestAnimationFrame的详细介绍
开发语言·javascript·three.js·前端可视化