Add css-charset-webpack-plugin and tweak warning suppression (#1613)

Author: bobular

package.json

@@ -22,6 +22,7 @@
     "@veupathdb/browserslist-config": "workspace:^",
     "@veupathdb/prettier-config": "workspace:^",
     "browserslist-useragent-regexp": "^4.1.3",
+    "css-charset-webpack-plugin": "^1.1.7",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.0",
     "nx": "16.3.2",

packages/configs/site-webpack-config/index.js

@@ -1,5 +1,7 @@
 var baseConfig = require('@veupathdb/base-webpack-config');
 
+const CssCharsetPlugin = require('css-charset-webpack-plugin');
+
 // Create webpack alias configuration object
 var alias = {
   site: process.cwd() + '/webapp',
@@ -22,7 +24,7 @@ class SuppressProvidedDependencyCacheWarnings {
           origin === 'webpack.cache.PackFileCacheStrategy' &&
           type === 'warn' &&
           args.length > 0 &&
-          String(args[0]).includes('ProvidedDependency')
+          String(args[0]).includes('Skipped not serializable cache item')
         ) {
           return true; // returning true suppresses this log entry
         }
@@ -69,6 +71,7 @@ module.exports = function configure(additionalConfig) {
           process: 'process/browser',
         }),
         new SuppressProvidedDependencyCacheWarnings(),
+        new CssCharsetPlugin({ charset: 'utf-8' }),
       ],
 
       // Map external libraries Wdk exposes so we can do things like:

yarn.lock

@@ -15097,6 +15097,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-charset-webpack-plugin@npm:^1.1.7":
+  version: 1.1.7
+  resolution: "css-charset-webpack-plugin@npm:1.1.7"
+  peerDependencies:
+    webpack: ^1 || ^2 || ^3 || ^4 || ^5
+  checksum: 10/20dcd89ba9c4caf15a025a4728b37d0b6aef5a0769deb19ba3422f656672d3680c318d0405c253261b66c8b4561721e92d2219af89c39f78bb6452a37cd2794a
+  languageName: node
+  linkType: hard
+
 "css-color-names@npm:0.0.4, css-color-names@npm:^0.0.4":
   version: 0.0.4
   resolution: "css-color-names@npm:0.0.4"
@@ -26925,6 +26934,7 @@ __metadata:
     "@veupathdb/browserslist-config": "workspace:^"
     "@veupathdb/prettier-config": "workspace:^"
     browserslist-useragent-regexp: "npm:^4.1.3"
+    css-charset-webpack-plugin: "npm:^1.1.7"
     husky: "npm:^8.0.3"
     lint-staged: "npm:^13.2.0"
     nx: "npm:16.3.2"