fix: serve theme assets from the production host, keep images on the CDN

webpack.config.js

@@ -12,7 +12,10 @@ Encore
     .addEntry('main', './public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/main.js')
     .addStyleEntry('rte', './public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/rte.scss')
     .splitEntryChunks()
-    .enableSingleRuntimeChunk()
+    // There is only one JS entry, so a shared runtime chunk buys nothing and costs a separate
+    // 1.6KB request that every other bundle hard-depends on. Inlining it into main.js removes
+    // both, and stops the `rte` style entry from dragging a JS file in behind it.
+    .disableSingleRuntimeChunk()
     .enableSassLoader(options => {
         // Opt into the modern Sass JS API (sass-loader defaults to the legacy one,
         // which Dart Sass 2.0 removes). Encore still passes `outputStyle`, which
@@ -37,20 +40,25 @@ Encore
         }
     })
     .copyFiles([
-        { from: './public/typo3conf/ext/ep_theme/Resources/Private/Assets/fonts', to: 'fonts/[name].[ext]' },
         { from: './public/typo3conf/ext/ep_theme/Resources/Private/Assets/images', to: 'images/[name].[ext]' },
         { from: './public/typo3conf/ext/ep_theme/Resources/Private/Assets/images/icons', to: 'images/icons/[name].[ext]' },
         { from: './node_modules/leaflet/dist/images', to: 'images/[name].[ext]' },
     ])
+    // The content hash is what lets .htaccess serve these as `immutable` for a year: a new
+    // build is a new URL, so a browser never has to revalidate one. It also replaces TYPO3's
+    // `?<mtime>` query buster, which changed on every deploy even when the bytes did not.
+    // `rte` stays unhashed - Configuration/RTE/*.yaml reference rte.css by literal path.
     .configureFilenames({
-        js: 'js/[name].js',
-        css: 'css/[name].css',
+        js: Encore.isProduction() ? 'js/[name].[contenthash:8].js' : 'js/[name].js',
+        css: (pathData) => Encore.isProduction() && pathData.chunk.name !== 'rte'
+            ? 'css/[name].[contenthash:8].css'
+            : 'css/[name].css',
     })
     .configureImageRule({
-        filename: 'images/[name][ext]',
+        filename: 'images/[name].[contenthash:8][ext]',
     })
     .configureFontRule({
-        filename: 'fonts/[name][ext]',
+        filename: 'fonts/[name].[contenthash:8][ext]',
     })
     .configureBabelPresetEnv((config) => {
         config.shippedProposals = true
@@ -59,7 +67,7 @@ Encore
 const EpThemeConfig = Encore.getWebpackConfig();
 
 EpThemeConfig.name = 'EpThemeConfig';
-EpThemeConfig.output.chunkFilename = 'js/[name].[chunkhash:8].js';
+EpThemeConfig.output.chunkFilename = 'js/[name].[contenthash:8].js';
 
 Encore.reset();