feat: upgrade esbuild to 0.12.19 and add CSS source map support (#193)

package.json

@@ -40,7 +40,7 @@
 		"webpack": "^4.40.0 || ^5.0.0"
 	},
 	"dependencies": {
-		"esbuild": "^0.12.17",
+		"esbuild": "^0.12.19",
 		"joycon": "^3.0.1",
 		"json5": "^2.2.0",
 		"loader-utils": "^2.0.0",

src/minify-plugin.ts

@@ -157,18 +157,16 @@ class ESBuildMinifyPlugin {
 				asset.name,
 				(
 					sourcemap
-					// CSS source-maps not supported yet https://github.com/evanw/esbuild/issues/519
-					&& !assetIsCss
-				)
-					? new SourceMapSource(
-						result.code,
-						asset.name,
-						result.map as any,
-						sourceAsString,
-						map,
-						true,
-					)
-					: new RawSource(result.code),
+						? new SourceMapSource(
+							result.code,
+							asset.name,
+							result.map as any,
+							sourceAsString,
+							map,
+							true,
+						)
+						: new RawSource(result.code)
+				),
 				{
 					...asset.info,
 					minimized: true,

test/fixtures.ts

@@ -47,15 +47,13 @@ const js = {
 		})();
 
 		export const esnext = (() => {
-			class PrivateStatic {
-				static #x() {}
-			}
 			return [
 				class { x = 2; },
 				class { static x = 1; },
 				class { #x() {} },
 				class { #x },
 				class { static #x },
+				class { static #x() {} },
 				1_000_000_000,
 			];
 		})();

test/minify.test.ts

@@ -439,8 +439,6 @@ describe.each([
 			expect(file.content.trim()).toMatch(/\s{2,}/);
 		});
 
-		// Esbuild currently doesn't support CSS source-maps but checking to make sure no errors
-		// https://github.com/evanw/esbuild/issues/519
 		test('minify w/ source-map', async () => {
 			const stats = await build(webpack, fixtures.css, (config) => {
 				config.devtool = 'source-map';
@@ -457,8 +455,13 @@ describe.each([
 				config.plugins.push(new MiniCssExtractPlugin());
 			});
 
-			const file = getFile(stats, '/dist/index.css');
-			expect(file.content.trim()).not.toMatch(/\s{2,}/);
+			const cssFile = getFile(stats, '/dist/index.css');
+			const css = cssFile.content.trim().split('\n');
+			expect(css[0]).not.toMatch(/\s{2,}/);
+			expect(css[2]).toMatch(/sourceMappingURL/);
+
+			const sourcemapFile = getFile(stats, '/dist/index.css.map');
+			expect(sourcemapFile.content).toMatch(/styles\.css/);
 		});
 	});
 });