BREAKING CHANGE since webpack 5

Just started to use `electron-webpack` and upgraded `electron`, `webpack`, `electron-webpack`, `electron-builder` to their respective latest release:

(base) raphy@pc:~/electron-webpack-quick-start$ yarn add electron electron-builder electron-webpack webpack --dev
yarn add v1.22.18
[1/5] Resolving packages...
warning electron-builder > dmg-builder > dmg-license@1.0.11: Disk image license agreements are deprecated by Apple and will probably be removed in a future macOS release. Discussion at: https://github.com/argv-minus-one/dmg-license/issues/11
[2/5] Fetching packages...
[3/5] Linking dependencies...
warning "electron-webpack > html-webpack-plugin@4.0.4" has incorrect peer dependency "webpack@^4.0.0".
warning "electron-webpack > mini-css-extract-plugin@0.9.0" has incorrect peer dependency "webpack@^4.4.0".
warning "electron-webpack > webpack-cli@3.3.11" has incorrect peer dependency "webpack@4.x.x".
warning "electron-webpack > webpack-dev-server > webpack-dev-middleware@3.7.2" has incorrect peer dependency "webpack@^4.0.0".
warning " > electron-webpack@2.8.2" has incorrect peer dependency "webpack@^4.42.1".
[4/5] Building fresh packages...
[5/5] Cleaning modules...
success Saved lockfile.
success Saved 86 new dependencies.
info Direct dependencies
├─ electron-builder@23.0.3
├─ electron-webpack@2.8.2
├─ electron@18.2.4
└─ webpack@5.72.1
info All dependencies
├─ @develar/schema-utils@2.6.5
├─ @electron/get@1.14.1
├─ @electron/universal@1.2.0
├─ @malept/cross-spawn-promise@1.1.1
├─ @malept/flatpak-bundler@0.4.0
├─ @tootallnate/once@2.0.0
├─ @types/debug@4.1.7
├─ @types/eslint-scope@3.7.3
├─ @types/eslint@8.4.2
├─ @types/json-schema@7.0.11
├─ @types/ms@0.7.31
├─ @types/yargs@17.0.10
├─ @webassemblyjs/floating-point-hex-parser@1.11.1
├─ @webassemblyjs/helper-numbers@1.11.1
├─ @webassemblyjs/helper-wasm-section@1.11.1
├─ @webassemblyjs/wasm-edit@1.11.1
├─ @webassemblyjs/wasm-opt@1.11.1
├─ @webassemblyjs/wast-printer@1.11.1
├─ acorn-import-assertions@1.8.0
├─ acorn@8.7.1
├─ app-builder-bin@4.0.0
├─ argparse@2.0.1
├─ asar@3.1.0
├─ asynckit@0.4.0
├─ base64-js@1.5.1
├─ boxen@5.1.2
├─ buffer-alloc-unsafe@1.1.0
├─ buffer-alloc@1.2.0
├─ buffer-equal@1.0.0
├─ buffer-fill@1.0.0
├─ ci-info@3.3.1
├─ cli-boxes@2.2.1
├─ colors@1.0.3
├─ combined-stream@1.0.8
├─ compare-version@0.1.2
├─ delayed-stream@1.0.0
├─ dir-compare@2.4.0
├─ dmg-builder@23.0.3
├─ ejs@3.1.8
├─ electron-builder@23.0.3
├─ electron-osx-sign@0.6.0
├─ electron-publish@23.0.2
├─ electron-webpack@2.8.2
├─ electron@18.2.4
├─ enhanced-resolve@5.9.3
├─ es-module-lexer@0.9.3
├─ eslint-scope@5.1.1
├─ esrecurse@4.3.0
├─ events@3.3.0
├─ filelist@1.0.4
├─ form-data@4.0.0
├─ get-caller-file@2.0.5
├─ global-agent@3.0.0
├─ global-dirs@3.0.0
├─ graceful-readlink@1.0.1
├─ hosted-git-info@4.1.0
├─ http-proxy-agent@5.0.0
├─ https-proxy-agent@5.0.1
├─ is-installed-globally@0.4.0
├─ is-npm@5.0.0
├─ is-path-inside@3.0.3
├─ isbinaryfile@4.0.10
├─ jake@10.8.5
├─ json-parse-even-better-errors@2.3.1
├─ latest-version@5.1.0
├─ loader-runner@4.3.0
├─ lodash.sortby@4.7.0
├─ lru-cache@6.0.0
├─ matcher@3.0.0
├─ neo-async@2.6.2
├─ picocolors@1.0.0
├─ plist@3.0.5
├─ pupa@2.1.1
├─ randombytes@2.1.0
├─ roarr@2.15.4
├─ safer-buffer@2.1.2
├─ serialize-error@7.0.1
├─ tmp-promise@3.0.3
├─ tmp@0.2.1
├─ tr46@1.0.1
├─ type-fest@0.20.2
├─ update-notifier@5.1.0
├─ watchpack@2.3.1
├─ webidl-conversions@4.0.2
├─ webpack@5.72.1
└─ whatwg-url@7.1.0
Done in 27.24s.
(base) raphy@pc:~/electron-webpack-quick-start$ yarn dev
yarn run v1.22.18
$ electron-webpack dev
ValidationError: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
- configuration.optimization has an unknown property 'namedModules'. These properties are valid:
object { checkWasmTypes?, chunkIds?, concatenateModules?, emitOnErrors?, flagIncludedChunks?, innerGraph?, mangleExports?, mangleWasmImports?, mergeDuplicateChunks?, minimize?, minimizer?, moduleIds?, noEmitOnErrors?, nodeEnv?, portableRecords?, providedExports?, realContentHash?, removeAvailableModules?, removeEmptyChunks?, runtimeChunk?, sideEffects?, splitChunks?, usedExports? }
-> Enables/Disables integrated optimizations.
Did you mean optimization.moduleIds: "named" (BREAKING CHANGE since webpack 5)?
at validate (/home/raphy/electron-webpack-quick-start/node_modules/webpack/node_modules/schema-utils/dist/validate.js:105:11)
at validateSchema (/home/raphy/electron-webpack-quick-start/node_modules/webpack/lib/validateSchema.js:78:2)
at create (/home/raphy/electron-webpack-quick-start/node_modules/webpack/lib/webpack.js:111:24)
at webpack (/home/raphy/electron-webpack-quick-start/node_modules/webpack/lib/webpack.js:158:32)
at f (/home/raphy/electron-webpack-quick-start/node_modules/webpack/lib/index.js:63:16)
at /home/raphy/electron-webpack-quick-start/node_modules/electron-webpack/src/dev/dev-runner.ts:90:34
at new Promise ()
at DevRunner.startMainCompilation (/home/raphy/electron-webpack-quick-start/node_modules/electron-webpack/src/dev/dev-runner.ts:89:11)
at async Promise.all (index 2)
at DevRunner.start (/home/raphy/electron-webpack-quick-start/node_modules/electron-webpack/src/dev/dev-runner.ts:47:5)
at main (/home/raphy/electron-webpack-quick-start/node_modules/electron-webpack/src/dev/dev-runner.ts:147:3) {
errors: [
{
keyword: 'additionalProperties',
dataPath: '.optimization',
schemaPath: '#/additionalProperties',
params: [Object],
message: 'should NOT have additional properties',
schema: false,
parentSchema: [Object],
data: [Object]
}
],
schema: {
definitions: {
Amd: [Object],
AssetFilterItemTypes: [Object],
AssetFilterTypes: [Object],
AssetGeneratorDataUrl: [Object],
AssetGeneratorDataUrlFunction: [Object],
AssetGeneratorDataUrlOptions: [Object],
AssetGeneratorOptions: [Object],
AssetInlineGeneratorOptions: [Object],
AssetModuleFilename: [Object],
AssetModuleOutputPath: [Object],
AssetParserDataUrlFunction: [Object],
AssetParserDataUrlOptions: [Object],
AssetParserOptions: [Object],
AssetResourceGeneratorOptions: [Object],
AuxiliaryComment: [Object],
Bail: [Object],
CacheOptions: [Object],
CacheOptionsNormalized: [Object],
Charset: [Object],
ChunkFilename: [Object],
ChunkFormat: [Object],
ChunkLoadTimeout: [Object],
ChunkLoading: [Object],
ChunkLoadingGlobal: [Object],
ChunkLoadingType: [Object],
Clean: [Object],
CleanOptions: [Object],
CompareBeforeEmit: [Object],
Context: [Object],
CrossOriginLoading: [Object],
CssChunkFilename: [Object],
CssExperimentOptions: [Object],
CssFilename: [Object],
CssGeneratorOptions: [Object],
CssParserOptions: [Object],
Dependencies: [Object],
DevServer: [Object],
DevTool: [Object],
DevtoolFallbackModuleFilenameTemplate: [Object],
DevtoolModuleFilenameTemplate: [Object],
DevtoolNamespace: [Object],
EmptyGeneratorOptions: [Object],
EmptyParserOptions: [Object],
EnabledChunkLoadingTypes: [Object],
EnabledLibraryTypes: [Object],
EnabledWasmLoadingTypes: [Object],
Entry: [Object],
EntryDescription: [Object],
EntryDescriptionNormalized: [Object],
EntryDynamic: [Object],
EntryDynamicNormalized: [Object],
EntryFilename: [Object],
EntryItem: [Object],
EntryNormalized: [Object],
EntryObject: [Object],
EntryRuntime: [Object],
EntryStatic: [Object],
EntryStaticNormalized: [Object],
EntryUnnamed: [Object],
Environment: [Object],
Experiments: [Object],
ExperimentsCommon: [Object],
ExperimentsNormalized: [Object],
ExternalItem: [Object],
ExternalItemFunctionData: [Object],
ExternalItemValue: [Object],
Externals: [Object],
ExternalsPresets: [Object],
ExternalsType: [Object],
FileCacheOptions: [Object],
Filename: [Object],
FilenameTemplate: [Object],
FilterItemTypes: [Object],
FilterTypes: [Object],
GeneratorOptionsByModuleType: [Object],
GlobalObject: [Object],
HashDigest: [Object],
HashDigestLength: [Object],
HashFunction: [Object],
HashSalt: [Object],
HotUpdateChunkFilename: [Object],
HotUpdateGlobal: [Object],
HotUpdateMainFilename: [Object],
HttpUriAllowedUris: [Object],
HttpUriOptions: [Object],
HttpUriOptionsAllowedUris: [Object],
IgnoreWarnings: [Object],
IgnoreWarningsNormalized: [Object],
Iife: [Object],
ImportFunctionName: [Object],
ImportMetaName: [Object],
InfrastructureLogging: [Object],
JavascriptParserOptions: [Object],
Layer: [Object],
LazyCompilationDefaultBackendOptions: [Object],
LazyCompilationOptions: [Object],
Library: [Object],
LibraryCustomUmdCommentObject: [Object],
LibraryCustomUmdObject: [Object],
LibraryExport: [Object],
LibraryName: [Object],
LibraryOptions: [Object],
LibraryType: [Object],
Loader: [Object],
MemoryCacheOptions: [Object],
Mode: [Object],
ModuleFilterItemTypes: [Object],
ModuleFilterTypes: [Object],
ModuleOptions: [Object],
ModuleOptionsNormalized: [Object],
Name: [Object],
NoParse: [Object],
Node: [Object],
NodeOptions: [Object],
Optimization: [Object],
OptimizationRuntimeChunk: [Object],
OptimizationRuntimeChunkNormalized: [Object],
OptimizationSplitChunksCacheGroup: [Object],
OptimizationSplitChunksGetCacheGroups: [Object],
OptimizationSplitChunksOptions: [Object],
OptimizationSplitChunksSizes: [Object],
Output: [Object],
OutputModule: [Object],
OutputNormalized: [Object],
Parallelism: [Object],
ParserOptionsByModuleType: [Object],
Path: [Object],
Pathinfo: [Object],
Performance: [Object],
PerformanceOptions: [Object],
Plugins: [Object],
Profile: [Object],
PublicPath: [Object],
RawPublicPath: [Object],
RecordsInputPath: [Object],
RecordsOutputPath: [Object],
RecordsPath: [Object],
Resolve: [Object],
ResolveAlias: [Object],
ResolveLoader: [Object],
ResolveOptions: [Object],
ResolvePluginInstance: [Object],
RuleSetCondition: [Object],
RuleSetConditionAbsolute: [Object],
RuleSetConditionOrConditions: [Object],
RuleSetConditionOrConditionsAbsolute: [Object],
RuleSetConditions: [Object],
RuleSetConditionsAbsolute: [Object],
RuleSetLoader: [Object],
RuleSetLoaderOptions: [Object],
RuleSetLogicalConditions: [Object],
RuleSetLogicalConditionsAbsolute: [Object],
RuleSetRule: [Object],
RuleSetRules: [Object],
RuleSetUse: [Object],
RuleSetUseItem: [Object],
ScriptType: [Object],
SnapshotOptions: [Object],
SourceMapFilename: [Object],
SourcePrefix: [Object],
StatsOptions: [Object],
StatsValue: [Object],
StrictModuleErrorHandling: [Object],
StrictModuleExceptionHandling: [Object],
Target: [Object],
TrustedTypes: [Object],
UmdNamedDefine: [Object],
UniqueName: [Object],
WarningFilterItemTypes: [Object],
WarningFilterTypes: [Object],
WasmLoading: [Object],
WasmLoadingType: [Object],
Watch: [Object],
WatchOptions: [Object],
WebassemblyModuleFilename: [Object],
WebpackOptionsNormalized: [Object],
WebpackPluginFunction: [Object],
WebpackPluginInstance: [Object]
},
title: 'WebpackOptions',
description: 'Options object as provided by the user.',
type: 'object',
additionalProperties: false,
properties: {
amd: [Object],
bail: [Object],
cache: [Object],
context: [Object],
dependencies: [Object],
devServer: [Object],
devtool: [Object],
entry: [Object],
experiments: [Object],
externals: [Object],
externalsPresets: [Object],
externalsType: [Object],
ignoreWarnings: [Object],
infrastructureLogging: [Object],
loader: [Object],
mode: [Object],
module: [Object],
name: [Object],
node: [Object],
optimization: [Object],
output: [Object],
parallelism: [Object],
performance: [Object],
plugins: [Object],
profile: [Object],
recordsInputPath: [Object],
recordsOutputPath: [Object],
recordsPath: [Object],
resolve: [Object],
resolveLoader: [Object],
snapshot: [Object],
stats: [Object],
target: [Object],
watch: [Object],
watchOptions: [Object]
}
},
headerName: 'Webpack',
baseDataPath: 'configuration',
postFormatter: [Function: postFormatter]
}
┏ Renderer -------------------

✖ ｢wds｣: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
- configuration.optimization has an unknown property 'namedModules'. These properties are valid:
object { checkWasmTypes?, chunkIds?, concatenateModules?, emitOnErrors?, flagIncludedChunks?, innerGraph?, mangleExports?, mangleWasmImports?, mergeDuplicateChunks?, minimize?, minimizer?, moduleIds?, noEmitOnErrors?, nodeEnv?, portableRecords?, providedExports?, realContentHash?, removeAvailableModules?, removeEmptyChunks?, runtimeChunk?, sideEffects?, splitChunks?, usedExports? }
-> Enables/Disables integrated optimizations.
Did you mean optimization.moduleIds: "named" (BREAKING CHANGE since webpack 5)?

┗ ----------------------------
Renderer WDS exited with code 1