esbuild-plugin-preserve-directives is a plugin for esbuild that preserves important directives (e.g., 'use client') at the top of output files.
npm install -D esbuild-plugin-preserve-directives
yarn add -D esbuild-plugin-preserve-directives
pnpm add -D esbuild-plugin-preserve-directives
import { build } from 'esbuild';
import { preserveDirectivesPlugin } from 'esbuild-plugin-preserve-directives';
build({
// ... other esbuild options
plugins: [
preserveDirectivesPlugin({
directives: ['use client', 'use strict'],
include: /\.(js|ts|jsx|tsx)$/,
exclude: /node_modules/,
}),
],
});
build();
import { defineConfig } from 'tsup';
import { preserveDirectivesPlugin } from 'esbuild-plugin-preserve-directives';
export default defineConfig({
// ... other tsup options
esbuildPlugins: [
preserveDirectivesPlugin({
directives: ['use client', 'use strict'],
include: /\.(js|ts|jsx|tsx)$/,
exclude: /node_modules/,
}),
],
});
-
directives
: List of directives to preserve -
include
: File pattern to apply the plugin (regex) -
exclude
: File pattern to ignore (regex)
This plugin operates during the build process as follows:
- Loads specified files and searches for directives.
- Stores found directives.
- After the build is complete, adds relevant directives to the top of output files.
Using esbuild's metafile option can provide more accurate results:
- With metafile, the plugin can obtain a precise list of input files for each output file, improving the accuracy of directive preservation.
- It may enhance performance in larger projects.
To enable the metafile option, add metafile: true
to your esbuild configuration:
import { build } from 'esbuild';
import { preserveDirectivesPlugin } from 'esbuild-plugin-preserve-directives';
build({
// ... other esbuild options
metafile: true,
plugins: [
preserveDirectivesPlugin({
directives: ['use client', 'use strict'],
include: /\.(js|ts|jsx|tsx)$/,
exclude: /node_modules/,
}),
],
});
Note: Using metafile may slightly increase build time and memory usage, but the impact is usually minimal in most cases.
MIT
Issues and pull requests are always welcome. For major changes, please open an issue first to discuss what you would like to change.
seojunhwan seojunhwan@kakao.com