Fix caching

firebase.json

@@ -18,7 +18,7 @@
     ],
     "headers": [
       {
-        "source": "**/*.@(jpg|jpeg|gif|png|webm|mp4)",
+        "source": "**/*.@(jpg|jpeg|webp|png|webm|mp4|gif)",
         "headers": [
           {
             "key": "Cache-Control",

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "start": "webpack-dev-server --mode development",
     "lint": "npx eslint --fix \"src/**/*.ts\" && npx prettier --write \"src/**/*\"",
-    "build": "webpack --mode production"
+    "build": "webpack --mode production && rm dist/*.js && rm dist/*.css"
   },
   "repository": {
     "type": "git",

webpack.config.js

@@ -45,8 +45,8 @@ module.exports = (env, argv) => ({
     }),
     new HtmlWebpackInlineSourcePlugin(),
     new MiniCssExtractPlugin({
-      filename: '[name].[contenthash].css',
+      filename: '[name].css',
-      chunkFilename: '[id].[contenthash].css',
+      chunkFilename: '[id].css',
     }),
   ],
   entry: {
@@ -54,12 +54,12 @@ module.exports = (env, argv) => ({
   },
   module: {
     rules: [
-      
       {
         test: /\.(jpe?g|png)$/i,
         loader: 'responsive-loader',
         options: {
           adapter: Sharp,
+          name: '[contenthash]-[width].[ext]',
           outputPath: 'static/',
           sizes: [200, 400, 800, 1200, 1600, 2000],
           format: 'webp',
@@ -72,6 +72,7 @@ module.exports = (env, argv) => ({
             loader: 'file-loader',
             query: {
               outputPath: 'static/',
+              name: '[contenthash].[ext]',
             },
           },
           {