feature #1395 Drop support for Node.js <22, update webpack related dependencies (Kocal)

This PR was squashed before being merged into the main branch.

Discussion
----------

Drop support for Node.js <22, update webpack related dependencies

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | yes <!-- please update CHANGELOG.md file -->
| Deprecations? | no <!-- please update CHANGELOG.md file -->
| Issues        | Fix #1393, fix #1392 <!-- prefix each issue number with "Fix #", no need to create an issue if none exists, explain below instead -->
| License       | MIT

Commits
-------

65a9aef -
3a08065 Fix "TS2307: Cannot find module './assets/logo.png' or its corresponding type declarations." in tests
2a2b717 Remove support for webpack-cli ^6.0.0
4d06d65 Remove support for stylus-loader ^7.0.0
d680c80 Remove support for postcss-loader ^7.0.0
e2bc523 Remove support for less-loader ^11.0.0
8a51eee Remove support for style-loader ^3.3.0
3978480 Upgrade css-minimizer-webpack-plugin to ^8.0.0
36398fc Remove support for babel-loader ^9.1.3
d2d8a85 Update dependency from `@nuxt`/friendly-errors-webpack-plugin to `@kocal`/friendly-errors-webpack-plugin
2bf706f Drop support for Node.js <22.13.0

Author: Kocal

.github/workflows/high-depends.yml

@@ -14,7 +14,7 @@ jobs:
             fail-fast: false
             matrix:
                 os: [ubuntu-latest, windows-latest]
-                node-versions: ['18', '20', '22', '23']
+                node-versions: ['22.13.0', '22', '24']
 
         steps:
             -   name: Checkout

.github/workflows/lint.yaml

@@ -8,15 +8,15 @@ jobs:
         env:
             # We don't want Puppeteer to automatically download a browser when dependencies are being installed
             PUPPETEER_SKIP_DOWNLOAD: 'true'
-            
+
         steps:
             -   name: Checkout
                 uses: actions/checkout@v4
 
             -   name: Node ${{matrix.node-versions}}
                 uses: actions/setup-node@v4
                 with:
-                    node-version: '22'
+                    node-version: '22.13.0'
 
             -   name: Install Yarn Dependencies
                 run: yarn install

.github/workflows/low-depends.yml

@@ -14,7 +14,7 @@ jobs:
             fail-fast: false
             matrix:
                 os: [ubuntu-latest, windows-latest]
-                node-versions: ['18', '20', '22', '23']
+                node-versions: ['22.13.0', '22', '24']
 
         steps:
             -   name: Checkout

.github/workflows/stable-tests.yml

@@ -14,7 +14,7 @@ jobs:
             fail-fast: false
             matrix:
                 os: [ubuntu-latest, windows-latest]
-                node-versions: ['18', '20', '22', '23']
+                node-versions: ['22.13.0', '22', '24']
 
         steps:
             -   name: Checkout

.github/workflows/testing_apps.yml

@@ -87,15 +87,15 @@ jobs:
     env:
       # We don't want Puppeteer to automatically download a browser when dependencies are being installed
       PUPPETEER_SKIP_DOWNLOAD: 'true'
-      
+
     steps:
       -   name: Checkout
           uses: actions/checkout@v4
 
       -   name: Node ${{matrix.node-versions}}
           uses: actions/setup-node@v4
           with:
-            node-version: '22'
+            node-version: '22.13.0'
 
       -   if: ${{ contains(matrix.app.name, 'pnpm') }}
           name: Install pnpm

CHANGELOG.md

@@ -1,5 +1,18 @@
 # CHANGELOG
 
+## 6.0.0
+
+* Drop support for Node.js <22.13.0
+* Update @nuxt/friendly-errors-webpack-plugin to @kocal/friendly-errors-webpack-plugin, an updated fork of the original plugin
+* Update css-minimizer-webpack-plugin to ^8.0.0, see [release notes](https://github.com/webpack/css-minimizer-webpack-plugin/releases/tag/v8.0.0)
+* Update webpack from ^5.74.0 to ^5.82.0
+* Remove support for babel-loader ^9.1.3, see [10.0.0 release notes](https://github.com/babel/babel-loader/releases/tag/v10.0.0)
+* Remove support for style-loader ^3.3.0, see [4.0.0 release notes](https://github.com/webpack/style-loader/releases/tag/v4.0.0)
+* Remove support for less-loader ^11.0.0, see [12.0.0 release notes](https://github.com/webpack/less-loader/releases/tag/v12.0.0)
+* Remove support for postcss-loader ^7.0.0, see [8.0.0 release notes](https://github.com/webpack/postcss-loader/releases/tag/v8.0.0)
+* Remove support for stylus-loader ^7.0.0, see [8.0.0 release notes](https://github.com/webpack/stylus-loader/releases/tag/v8.0.0)
+* Remove support for webpack-cli ^5.0.0, see [6.0.0 release notes](https://github.com/webpack/webpack-cli/releases/tag/webpack-cli%406.0.0)
+
 ## 5.3.0
 
 * Add support for Svelte 5

…s/vuejs3-typescript/types/shims-vue.d.ts …tures/vuejs3-typescript/types/shims.d.tsfixtures/vuejs3-typescript/types/shims-vue.d.ts renamed to fixtures/vuejs3-typescript/types/shims.d.ts fixtures/vuejs3-typescript/types/shims-vue.d.ts renamed to fixtures/vuejs3-typescript/types/shims.d.ts

@@ -4,3 +4,8 @@ declare module '*.vue' {
   const component: ReturnType<typeof defineComponent>;
   export default component;
 }
+
+declare module "*.png" {
+    const value: any;
+    export default value;
+}

index.js

@@ -135,8 +135,8 @@ class Encore {
     }
 
     /**
-     * Allows you to configure the options passed to the @nuxt/friendly-errors-webpack-plugin.
-     * A list of available options can be found at https://github.com/nuxt/friendly-errors-webpack-plugin
+     * Allows you to configure the options passed to the @kocal/friendly-errors-webpack-plugin.
+     * A list of available options can be found at https://github.com/kocal/friendly-errors-webpack-plugin
      *
      * For example:
      *

lib/plugins/asset-output-display.js

@@ -14,7 +14,7 @@
  */
 
 /**
- * @import FriendlyErrorsWebpackPlugin from '@nuxt/friendly-errors-webpack-plugin'
+ * @import FriendlyErrorsWebpackPlugin from '@kocal/friendly-errors-webpack-plugin'
  */
 
 const pathUtil = require('../config/path-util');

lib/plugins/friendly-errors.js

@@ -13,7 +13,7 @@
  * @import WebpackConfig from '../WebpackConfig'
  */
 
-const FriendlyErrorsWebpackPlugin = require('@nuxt/friendly-errors-webpack-plugin');
+const FriendlyErrorsWebpackPlugin = require('@kocal/friendly-errors-webpack-plugin');
 const missingCssFileTransformer = require('../friendly-errors/transformers/missing-css-file');
 const missingCssFileFormatter = require('../friendly-errors/formatters/missing-css-file');
 const missingLoaderTransformerFactory = require('../friendly-errors/transformers/missing-loader');