esbuild and tsup

build.ts

import { build } from 'esbuild';
import tyfigo from 'tyfigo/esbuild';

await build({
	entryPoints: ['src/main.ts'],
	outfile: 'dist/main.js',
	bundle: true,
	platform: 'node',
	format: 'esm',
	packages: 'external',
	plugins: [tyfigo({ environment: 'production' })],
});

The target follows platform: node is a server build, anything else is a browser build. esbuild has no mode, so the environment is NODE_ENV unless you pass environment.

A server build inlines every environment's layer files that exist when it builds, and picks them by NODE_ENV when the bundle starts unless you pass environment (Server bundles). It reads .env files and environment variables from the working directory then. Secrets in .env stay out of dist/main.js.

config/app.config.json5

{
	service: 'tyfigo-esbuild-example',
	port: '${PORT:-3000}',
	queue: {
		url: '${QUEUE_URL}',
		concurrency: 2,
	},
	retryDelaysMs: [100, 500],
}

src/main.ts

import config from '../config/app.config.json5';

const worker = {
	service: config.service,
	port: config.port,
	concurrency: config.queue.concurrency,
	maxDelayMs: Math.max(...config.retryDelaysMs),
	queueHost: new URL(config.queue.url).host,
};

tsup

tsup takes esbuild plugins:

tsup.config.ts

import { defineConfig } from 'tsup';
import tyfigo from 'tyfigo/esbuild';

export default defineConfig({
	entry: ['src/main.ts'],
	platform: 'node',
	format: 'esm',
	esbuildPlugins: [tyfigo()],
});

tsup is no longer maintained and points to tsdown; see Rollup, Rolldown and tsdown.

See the esbuild example.

esbuild and tsup

tsupCopy Anchor Link

On this page

tsup