Use a custom servlet for serving files to support caching of files.

Signed-off-by: Dan Cunningham <[email protected]>

bundles/org.openhab.ui/web/build/webpack.config.js

@@ -8,6 +8,7 @@ const TerserPlugin = require('terser-webpack-plugin')
 const WorkboxPlugin = require('workbox-webpack-plugin')
 const WebpackAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
 const ESLintPlugin = require('eslint-webpack-plugin');
+const CompressionPlugin = require('compression-webpack-plugin')
 
 const path = require('path')
 
@@ -29,7 +30,7 @@ module.exports = {
   ],
   output: {
     path: resolvePath(isCordova ? 'cordova/www' : 'www'),
-    filename: 'js/app.js',
+    filename: 'js/app.[hash].js',
     publicPath: '/',
     hotUpdateChunkFilename: 'hot/hot-update.js',
     hotUpdateMainFilename: 'hot/hot-update.json'
@@ -236,6 +237,23 @@ module.exports = {
         swSrc: resolvePath('src/service-worker.js')
       })
     ] : []),
+     new CompressionPlugin({
+      filename: '[path][base].gz',
+      algorithm: 'gzip',
+      test: /\.js$|\.css$|\.html$/,
+      threshold: 0,
+      minRatio: Infinity,
+    }),
+    new CompressionPlugin({
+      filename: '[path][base].br',
+      algorithm: 'brotliCompress',
+      test: /\.(js|css|html|svg)$/,
+      compressionOptions: {
+        level: 11,
+      },
+      threshold: 0,
+      minRatio: Infinity,
+    }),
     ...(process.env.WEBPACK_ANALYZER ? [
       new WebpackAnalyzerPlugin(process.env.WEBPACK_ANALYZER_REPORT ? {
         analyzerMode: 'static',