1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

(async () => {
  let esbuild = require('esbuild')

  // 打包结果
  let result = await esbuild.build({
    entryPoints: ['example.jsx'],
    outfile: 'out.js',
    minify: true,
    metafile: true,
  })

  // 使用analyzeMetafile API进行分析
  let text = await esbuild.analyzeMetafile(result.metafile, {
    verbose: true,
  })
  console.log(text)
})()

1
2
3
4
5
6
7

require('esbuild').buildSync({
  entryPoints: ['app.js'],
  assetNames: 'assets/[name]-[hash]',
  loader: { '.png': 'file' },
  bundle: true,
  outdir: 'out',
})

1
2
3
4
5
6
7
8

require('esbuild').buildSync({
  entryPoints: ['app.js'],
  banner: {
    js: '//comment',
    css: '/*comment*/',
  },
  outfile: 'out.js',
})

1
2
3
4
5
6
7
8

require('esbuild').buildSync({
  entryPoints: ['app.js'],
  chunkNames: 'chunks/[name]-[hash]',
  bundle: true,
  outdir: 'out',
  splitting: true, // 必须设置
  format: 'esm',// 必须设置
})

1
2
3

require('esbuild').transformSync(js, {
  color: true,
})

1
2
3
4

require('esbuild').buildSync({
  entryPoints: ['app.js'],
  drop: ['console', 'debugger'],
})

1
2
3
4
5

let js = 'module.exports = "test"'
require('esbuild').transformSync(js, {
  format: 'iife',
  globalName: 'xyz',
})

1
2
3
4

require('esbuild').transformSync('<div/>', {
  jsx: 'preserve',
  loader: 'jsx',
})

1
2
3
4
5

<div>Example text</div>

// ==
// 编译后结果
React.createElement("div", null, "Example text");

1
2
3
4

require("esbuild").transformSync("<div/>", {
  jsxFactory: "h",
  loader: "jsx"
})

1
2
3
4
5

{
  "compilerOptions": {
    "jsxFactory": "h"
  }
}

1
2
3
4
5

require('esbuild').buildSync({
  entryPoints: ['app.js'],
  treeShaking: true,
  outfile: 'out.js',
})