Build modernisations

Author: philwareham

package.json

@@ -2,7 +2,7 @@
   "name": "textpattern-default-theme",
   "title": "Default theme",
   "txp-type": "textpattern-theme",
-  "version": "4.8.4",
+  "version": "4.8.5",
   "description": "The default theme that ships as standard with Textpattern CMS.",
   "author": "Team Textpattern",
   "homepage": "https://github.com/textpattern/textpattern-default-theme",
@@ -27,21 +27,20 @@
   "devDependencies": {
     "autoprefixer": "9.8.6",
     "clean-webpack-plugin": "3.0.0",
-    "copy-webpack-plugin": "6.3.2",
-    "cross-env": "7.0.2",
+    "copy-webpack-plugin": "7.0.0",
+    "cross-env": "7.0.3",
     "css-loader": "5.0.1",
-    "fibers": "5.0.0",
-    "file-loader": "6.2.0",
-    "mini-css-extract-plugin": "1.3.1",
+    "mini-css-extract-plugin": "1.3.3",
     "postcss-loader": "3.0.0",
-    "sass": "1.29.0",
+    "sass": "1.30.0",
     "sass-loader": "10.1.0",
     "stylelint": "13.8.0",
     "stylelint-order": "4.1.0",
     "stylelint-scss": "3.18.0",
     "stylelint-webpack-plugin": "2.1.1",
-    "webpack": "5.6.0",
-    "webpack-cli": "4.2.0"
+    "webpack": "5.11.0",
+    "webpack-cli": "4.2.0",
+    "webpack-manifest-version-sync-plugin": "0.0.4"
   },
   "browserslist": [
     "> 0.5%",

src/templates/manifest.json

@@ -1,7 +1,6 @@
 {
   "title": "Four Point Eight",
   "txp-type": "textpattern-theme",
-  "version": "4.8.4",
   "description": "The default theme shipped with Textpattern CMS 4.8.",
   "author": "Team Textpattern",
   "author_uri": "https://github.com/textpattern/textpattern-default-theme"

webpack.config.js

@@ -3,6 +3,7 @@ const distDir = __dirname + '/dist/four-point-eight';
 const fs = require('fs');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
+const ManifestVersionSyncPlugin = require('webpack-manifest-version-sync-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const StyleLintPlugin = require('stylelint-webpack-plugin');
 
@@ -20,27 +21,38 @@ module.exports = {
                 test: /\.(scss)$/,
                 use: [
                     MiniCssExtractPlugin.loader,
-                    // Translates CSS into CommonJS modules.
-                    { loader: 'css-loader', options: { importLoaders: 2 } },
-                    // Run postCSS actions.
-                    { loader: 'postcss-loader', options: { plugins: [require('autoprefixer')] } },
-                    // Compiles Sass to CSS.
+                    {
+                        loader: 'css-loader',
+                        options: {
+                            importLoaders: 2,
+                        },
+                    },
+                    {
+                        loader: 'postcss-loader',
+                        options: {
+                            plugins: [require('autoprefixer')],
+                        },
+                    },
                     {
                         loader: 'sass-loader',
                         options: {
                             implementation: require('sass'),
                             sassOptions: {
-                                outputStyle: 'expanded'
-                            }
-                        }
-                    }
+                                outputStyle: 'expanded',
+                            },
+                        },
+                    },
                 ]
             },
             {
-                test: /\.woff2?$|\.ttf$|\.eot$|\.svg$|\.png|\.jpe?g|\.gif$/,
-                loader: 'file-loader'
+                test: /\.(woff(2)?|svg)$/,
+                type: 'asset/inline',
             },
-        ]
+            {
+                test: /\.(?:ico|gif|jpe?g|png|svg|webp)$/i,
+                type: 'asset/resource',
+            },
+        ],
     },
     plugins: [
         new CleanWebpackPlugin(),
@@ -55,6 +67,9 @@ module.exports = {
         new MiniCssExtractPlugin({
             filename: '[name]'
         }),
+        new ManifestVersionSyncPlugin({
+            manifestPath: 'manifest.json',
+        }),
         new CopyWebpackPlugin({
             patterns: [
                 {
@@ -63,5 +78,5 @@ module.exports = {
                 },
             ],
         }),
-    ]
+    ],
 };