Fix problem

.changeset/angry-worms-smell.md

@@ -0,0 +1,5 @@
+---
+'microbundle': patch
+---
+
+Fix css compilation problems when multiple entries

.changeset/bright-ravens-rule.md

@@ -0,0 +1,5 @@
+---
+'microbundle': patch
+---
+
+Fix problems related to use rollup-plugin-terser

src/index.js

@@ -111,12 +111,7 @@ export default async function microbundle(inputOptions) {
 	for (let i = 0; i < options.entries.length; i++) {
 		for (let j = 0; j < formats.length; j++) {
 			steps.push(
-				createConfig(
-					options,
-					options.entries[i],
-					formats[j],
-					i === 0 && j === 0,
-				),
+				createConfig(options, options.entries[i], formats[j], j === 0),
 			);
 		}
 	}
@@ -333,6 +328,7 @@ function getMain({ options, entry, format }) {
 const shebang = {};
 
 function createConfig(options, entry, format, writeMeta) {
+	const entryFileName = basename(entry, extname(entry));
 	let { pkg } = options;
 
 	/** @type {(string|RegExp)[]} */
@@ -390,15 +386,15 @@ function createConfig(options, entry, format, writeMeta) {
 
 	// let rollupName = safeVariableName(basename(entry).replace(/\.js$/, ''));
 
-	let nameCache = {};
-	const bareNameCache = nameCache;
 	// Support "minify" field and legacy "mangle" field via package.json:
 	const rawMinifyValue = options.pkg.minify || options.pkg.mangle || {};
-	let minifyOptions = typeof rawMinifyValue === 'string' ? {} : rawMinifyValue;
 	const getNameCachePath =
 		typeof rawMinifyValue === 'string'
 			? () => resolve(options.cwd, rawMinifyValue)
 			: () => resolve(options.cwd, 'mangle.json');
+	let minifyOptions = typeof rawMinifyValue === 'string' ? {} : rawMinifyValue;
+	let endsWithNewLine = false;
+	let terserOptions = {};
 
 	const useTypescript = extname(entry) === '.ts' || extname(entry) === '.tsx';
 	const emitDeclaration =
@@ -415,29 +411,6 @@ function createConfig(options, entry, format, writeMeta) {
 	const externalTest =
 		external.length === 0 ? id => false : id => externalPredicate.test(id);
 
-	let endsWithNewLine = false;
-
-	function loadNameCache() {
-		try {
-			const data = fs.readFileSync(getNameCachePath(), 'utf8');
-			endsWithNewLine = data.endsWith(EOL);
-			nameCache = JSON.parse(data);
-			// mangle.json can contain a "minify" field, same format as the pkg.mangle:
-			if (nameCache.minify) {
-				minifyOptions = Object.assign(
-					{},
-					minifyOptions || {},
-					nameCache.minify,
-				);
-			}
-		} catch (e) {}
-	}
-	loadNameCache();
-
-	normalizeMinifyOptions(minifyOptions);
-
-	if (nameCache === bareNameCache) nameCache = null;
-
 	/** @type {false | import('rollup').RollupCache} */
 	let cache;
 	if (modern) cache = false;
@@ -502,7 +475,7 @@ function createConfig(options, entry, format, writeMeta) {
 						extract:
 							!!writeMeta &&
 							options.css !== 'inline' &&
-							options.output.replace(EXTENSION, '.css'),
+							resolve(outputDir, `${entryFileName}.css`),
 						minimize: options.compress,
 						sourceMap: options.sourcemap && options.css !== 'inline',
 					}),
@@ -601,43 +574,79 @@ function createConfig(options, entry, format, writeMeta) {
 						},
 					}),
 					options.compress !== false && [
-						terser({
-							compress: Object.assign(
-								{
-									keep_infinity: true,
-									pure_getters: true,
-									// Ideally we'd just get Terser to respect existing Arrow functions...
-									// unsafe_arrows: true,
-									passes: 10,
-								},
-								typeof minifyOptions.compress === 'boolean'
-									? minifyOptions.compress
-									: minifyOptions.compress || {},
-							),
-							format: {
-								// By default, Terser wraps function arguments in extra parens to trigger eager parsing.
-								// Whether this is a good idea is way too specific to guess, so we optimize for size by default:
-								wrap_func_args: false,
-								comments: /^\s*([@#]__[A-Z]+__\s*$|@cc_on)/,
-								preserve_annotations: true,
-							},
-							module: modern,
-							ecma: modern ? 2017 : 5,
-							toplevel: modern || format === 'cjs' || format === 'es',
-							mangle:
-								typeof minifyOptions.mangle === 'boolean'
-									? minifyOptions.mangle
-									: Object.assign({}, minifyOptions.mangle || {}),
-							nameCache,
-						}),
-						nameCache && {
+						terser(terserOptions),
+						{
 							// before hook
-							options: loadNameCache,
+							options() {
+								let nameCache = {};
+								const bareNameCache = nameCache;
+
+								function loadNameCache() {
+									try {
+										const data = fs.readFileSync(getNameCachePath(), 'utf8');
+										endsWithNewLine = data.endsWith(EOL);
+										nameCache = JSON.parse(data);
+										// mangle.json can contain a "minify" field, same format as the pkg.mangle:
+										if (nameCache.minify) {
+											minifyOptions = Object.assign(
+												{},
+												minifyOptions || {},
+												nameCache.minify,
+											);
+										}
+									} catch (e) {}
+								}
+								loadNameCache();
+
+								normalizeMinifyOptions(minifyOptions);
+
+								if (nameCache === bareNameCache) nameCache = null;
+
+								Object.entries({
+									compress: Object.assign(
+										{
+											keep_infinity: true,
+											pure_getters: true,
+											// Ideally we'd just get Terser to respect existing Arrow functions...
+											// unsafe_arrows: true,
+											passes: 10,
+										},
+										typeof minifyOptions.compress === 'boolean'
+											? minifyOptions.compress
+											: minifyOptions.compress || {},
+									),
+									format: {
+										// By default, Terser wraps function arguments in extra parens to trigger eager parsing.
+										// Whether this is a good idea is way too specific to guess, so we optimize for size by default:
+										wrap_func_args: false,
+										comments: /^\s*([@#]__[A-Z]+__\s*$|@cc_on)/,
+										preserve_annotations: true,
+									},
+									module: modern,
+									ecma: modern ? 2017 : 5,
+									toplevel: modern || format === 'cjs' || format === 'es',
+									mangle:
+										typeof minifyOptions.mangle === 'boolean'
+											? minifyOptions.mangle
+											: Object.assign({}, minifyOptions.mangle || {}),
+									nameCache,
+								}).forEach(([key, value]) => {
+									terserOptions[key] = value;
+								});
+							},
 							// after hook
 							writeBundle() {
-								if (writeMeta && nameCache) {
+								if (writeMeta && terserOptions.nameCache) {
+									try {
+										if (
+											terserOptions.nameCache.minify.mangle.properties.regex
+										) {
+											terserOptions.nameCache.minify.mangle.properties.regex =
+												terserOptions.nameCache.minify.mangle.properties.regex.source;
+										}
+									} catch (error) {}
 									let filename = getNameCachePath();
-									let json = JSON.stringify(nameCache, null, 2);
+									let json = JSON.stringify(terserOptions.nameCache, null, 2);
 									if (endsWithNewLine) json += EOL;
 									fs.writeFile(filename, json, () => {});
 								}