esbuild入门

September 14, 2022

文档：https://esbuild.github.io/
中文：https://esbuild.docschina.org/

esbuild

esbuild 提供了打包 js 的 API，可以通过命令行、js 和 go 调用
esbuild 同时支持 esm 和 cjs
esbuild 内置支持 typescript 和代码压缩
esbuild 内置提供的功能都是 go 写的，因此速度更快

使用

在 esbuild 中，提供的三种 API 几乎是一致的（这里忽略 go）

esbuild app.jsx --bundle --outfile=out.js

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

浏览器

命令行 API 是相似的，下面就忽略了

const { build, buildSync } = require("esbuild");
buildSync({
    entryPoints: ["./src/index.jsx"],
    target: ["chrome58", "firefox57", "safari11", "edge16"],
    external: [], // 需要排除打包的依赖列表
    format: "esm", // 支持 esm commonjs iife
    outdir: "dist",
    bundle: true,
    splitting: true, // 是否开启自动拆包
    minify: true,
    sourcemap: true,
    metafile: true, // 是否生成打包的元信息文件
    watch: false,
    write: true, // 是否将产物写入磁盘
    loader: {
        ".png": "base64",
        ".jpg": "file",
    },
});

node

buildSync({
    entryPoints: ["app.js"],
    bundle: true,
    platform: "node",
    target: ["node10.4"],
    external: ["fsevents"],
    outfile: "out.js",
});

←Back to home