esbuild.js

const stylePlugin = require('esbuild-style-plugin');

const args = process.argv.slice(2);
const PROD = args.includes('--prod');

require('esbuild')
	.build({
		entryPoints: [
			'src/assets/logo-blue-1024.png',
			'src/main.tsx',
			'src/background.ts',
			'src/contentScript.ts',
			'src/injectedScript.ts',
			'src/confirmation.html',
			'popup.html',
			'manifest.json',
		],
		outdir: 'dist',
		bundle: true,
		platform: 'browser',
		sourcemap: !PROD,
		watch: !PROD,
		minify: PROD,
		treeShaking: PROD,
		format: 'esm',
		external: ['~@vite/vitejs-utils'],
		loader: {
			'.html': 'copy',
			'.json': 'copy',
			'.png': 'copy',
		},
		drop: PROD ? ['console'] : [],
		// logLevel: 'debug',
		// logLevel: 'silent',
		plugins: [
			stylePlugin({
				postcss: {
					plugins: [
						// require('tailwindcss'), require('autoprefixer')

						// https://github.com/g45t345rt/esbuild-style-plugin/issues/3#issuecomment-1044801403
						// require('postcss-import')({
						// 	path: [path.join(__dirname, 'assets/css'), path.join(__dirname, 'assets')],
						// }),
						// require('postcss-url')({ url: 'inline' }),
						require('postcss-nested'),
						require('autoprefixer'),
						require('tailwindcss')(),
					],
				},
			}),
		],
		watch: !PROD && {
			onRebuild(error, result) {
				const time = Date.now();
				if (error) console.error(`watch build failed ${time}:`, error);
				else console.log(`watch build succeeded ${time}:`, result);
			},
		},
	})
	.catch(() => process.exit(1));