From a789c9d030c500db46048af84a705e2a99289c04 Mon Sep 17 00:00:00 2001
From: Ryan Christian <33403762+rschristian@users.noreply.github.com>
Date: Wed, 21 Dec 2022 17:05:53 -0600
Subject: [PATCH] fix: `--esm` and `--brotli` flags (#1760)

* fix: Correct `--esm` not being enabled by default in prod

* fix: `--brotli` overwriting existing assets

* docs: Adding changeset
---
 .changeset/quiet-wombats-ring.md                      | 7 +++++++
 packages/cli/src/index.js                             | 2 +-
 packages/cli/src/lib/webpack/webpack-client-config.js | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/quiet-wombats-ring.md

diff --git a/.changeset/quiet-wombats-ring.md b/.changeset/quiet-wombats-ring.md
new file mode 100644
index 000000000..753ad2081
--- /dev/null
+++ b/.changeset/quiet-wombats-ring.md
@@ -0,0 +1,7 @@
+---
+'preact-cli': patch
+---
+
+Fixed bug in which `--esm` was not enabled by default for production builds on v3.4.2
+
+Fix for `--brotli` overwriting assets
diff --git a/packages/cli/src/index.js b/packages/cli/src/index.js
index 55d401a17..9773a06ba 100755
--- a/packages/cli/src/index.js
+++ b/packages/cli/src/index.js
@@ -37,7 +37,7 @@ prog
 	.option('--src', 'Specify source directory', 'src')
 	.option('--dest', 'Specify output directory', 'build')
 	.option('--cwd', 'A directory to use instead of $PWD', '.')
-	.option('--esm', 'Builds ES-2015 bundles for your code', false)
+	.option('--esm', 'Builds ES-2015 bundles for your code', true)
 	.option('--sw', 'Generate and attach a Service Worker', true)
 	.option('--babelConfig', 'Path to custom Babel config', '.babelrc')
 	.option('--json', 'Generate build stats for bundle analysis', false)
diff --git a/packages/cli/src/lib/webpack/webpack-client-config.js b/packages/cli/src/lib/webpack/webpack-client-config.js
index df66951b7..a09383fe7 100644
--- a/packages/cli/src/lib/webpack/webpack-client-config.js
+++ b/packages/cli/src/lib/webpack/webpack-client-config.js
@@ -273,7 +273,7 @@ function isProd(env) {
 	if (env.brotli) {
 		prodConfig.plugins.push(
 			new CompressionPlugin({
-				filename: '[path].br[query]',
+				filename: '[path][base].br[query]',
 				algorithm: 'brotliCompress',
 				test: /\.esm\.js$/,
 			})