Upgrade to Node v20

.devcontainer/postCreateCommand.sh

@@ -11,9 +11,9 @@ sleep 5
 # Suppress warnings triggered by engine value package.json of a VS Code extension
 yarn config set ignore-engines true -g
 
-# Build with Node.js version 16
+# Build with Node.js version 20
 . $NVM_DIR/nvm.sh
-nvm install 16
+nvm install 20
 
 # Appending this to .bashrc means shells opened within the project tree will use the Node.js version specified in .nvmrc in the project root,
 # provided no overriding .nvmrc is found between the shell's cwd and that root folder.

.github/workflows/build-and-test.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [20.x]
 
     steps:
     - uses: actions/checkout@v1

.github/workflows/test-formatter.yml

@@ -13,7 +13,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [20.x]
 
     steps:
     - uses: actions/checkout@v1

.nvmrc

@@ -1 +1 @@
-16
+20

build-tools/package.json

@@ -22,12 +22,12 @@
     "babel-loader": "^8.0.5",
     "copy-webpack-plugin": "^5.0.0",
     "cross-env": "^5.2.0",
-    "css-loader": "^4.2.1",
+    "css-loader": "^6.11.0",
     "dotenv": "^8.2.0",
     "file-loader": "^4.2.0",
-    "mini-css-extract-plugin": "^0.8.0",
+    "mini-css-extract-plugin": "^2.9.2",
     "no-emit-webpack-plugin": "^2.0.1",
-    "node-sass": "^7.0.1",
+    "node-sass": "^9.0.0",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
     "raw-loader": "^4.0.1",
     "resolve-url-loader": "^3.1.1",

build-tools/webpack/webview.config.js

@@ -143,6 +143,5 @@ module.exports = exports = function getWebviewConfig({ entries, packagePath }) {
 const minCssExtract = {
   loader: MiniCssExtractPlugin.loader,
   options: {
-    hmr: false,
   },
 };