Adds a README note explaining why TYPO3 asset concatenation/compression must be disabled in encore dev-server mode (#244)

* TASK: Adds a README note explaining why TYPO3 asset concatenation/compression must be disabled in Development context when using `encore dev-server` to ensure HMR works and avoid performance issues.

* TASK: Adds a README note explaining why TYPO3 asset concatenation/compression must be disabled in encore dev-server mode.

Author: kszymukowicz

README.md

@@ -125,39 +125,62 @@ This way of using the AssetViewHelper is similar to the `asset` function used in
 
 1. If you are in production mode and set enableVersioning(true) then you should set the option
 
-```php
-$GLOBALS['TYPO3_CONF_VARS']['FE']['versionNumberInFilename'] = ''
-```
+   ```php
+   $GLOBALS['TYPO3_CONF_VARS']['FE']['versionNumberInFilename'] = ''
+   ```
 
 2. Defining Multiple Webpack Configurations ([see](https://symfony.com/doc/current/frontend/encore/advanced-config.html#defining-multiple-webpack-configurations))
 
-Then you have to define your builds in your TypoScript-Setup:
+   Then you have to define your builds in your TypoScript-Setup:
 
-```php
-plugin.tx_typo3encore {
-    settings {
-        builds {
-            firstBuild = EXT:typo3_encore/Resources/Public/FirstBuild
-            secondBuild = EXT:typo3_encore/Resources/Public/SecondBuild
+   ```php
+    plugin.tx_typo3encore {
+        settings {
+            builds {
+                firstBuild = EXT:typo3_encore/Resources/Public/FirstBuild
+                secondBuild = EXT:typo3_encore/Resources/Public/SecondBuild
+            }
         }
     }
-}
-```
+   ```
 
-Finally, you can specify which build to use:
+   Finally, you can specify which build to use:
 
-```php
-page.includeCSS {
-    # Pattern typo3_encore:buildName:entryName
-    app = typo3_encore:firstBuild:app
-}
-```
+   ```php
+    page.includeCSS {
+        # Pattern typo3_encore:buildName:entryName
+        app = typo3_encore:firstBuild:app
+    }
+   ```
 
-```html
-{namespace encore = Ssch\Typo3Encore\ViewHelpers}
+   ```html
+    {namespace encore = Ssch\Typo3Encore\ViewHelpers}
 
-<encore:renderWebpackLinkTags entryName="app" buildName="firstBuild"/>
-```
+    <encore:renderWebpackLinkTags entryName="app" buildName="firstBuild"/>
+   ```
+
+3. **Important note on TYPO3 JS/CSS concatenation and compression while working with encore dev-server mode**
+
+   If you are using the Encore dev server (`encore dev-server`), ensure that TYPO3's asset concatenation and compression
+   are disabled.
+
+   Enabling these options (`config.concatenateCss = 1`, `config.concatenateJs = 1`, `config.compressCss = 1`, or `config.compressJs = 1`)
+   will prevent the dev server's hot module replacement (HMR) from working correctly. Additionally, TYPO3 may produce
+   a large volume of temporary files (potentially gigabytes), significantly slowing down Docker-based development environments.
+
+   See [Issue #234](https://github.com/sabbelasichon/typo3_encore/issues/234) for more details.
+
+   Example TypoScript to disable concatenation/compression in Development:
+   ```typoscript
+   [like(applicationContext, "Development*")]
+     config {
+       compressCss = 0
+       concatenateCss = 0
+       compressJs = 0
+       concatenateJs = 0
+     }
+   [global]
+   ```
 
 ### CSS for CKEditor