feat: basic support for webpack 5

Author: Austaras

.yarn-offline-mirror/html-webpack-plugin-4.3.0.tgz

@@ -19,9 +19,7 @@ module.exports = {
       use: BabelMultiTargetPlugin.loader(),
     }, {
       test: /\.vue$/,
-      use: [
-        BabelMultiTargetPlugin.loader('vue-loader'),
-      ],
+      use: BabelMultiTargetPlugin.loader('vue-loader'),
     },
     {
       test: /\.css$/,
@@ -31,18 +29,4 @@ module.exports = {
       ],
     }],
   },
-
-  node: {
-    // prevent webpack from injecting useless setImmediate polyfill because Vue
-    // source contains it (although only uses it if it's native).
-    setImmediate: false,
-    // prevent webpack from injecting mocks to Node native modules
-    // that does not make sense for the client
-    dgram: 'empty',
-    fs: 'empty',
-    net: 'empty',
-    tls: 'empty',
-    // eslint-disable-next-line camelcase
-    child_process: 'empty',
-  },
 }

.yarn-offline-mirror/html-webpack-plugin-5.0.0-alpha.6.tgz

@@ -38,18 +38,4 @@ module.exports = {
       },
     ],
   },
-
-  node: {
-    // prevent webpack from injecting useless setImmediate polyfill because Vue
-    // source contains it (although only uses it if it's native).
-    setImmediate: false,
-    // prevent webpack from injecting mocks to Node native modules
-    // that does not make sense for the client
-    dgram: 'empty',
-    fs: 'empty',
-    net: 'empty',
-    tls: 'empty',
-    // eslint-disable-next-line camelcase
-    child_process: 'empty',
-  },
 }

.yarn-offline-mirror/lodash-4.17.20.tgz

@@ -59,7 +59,7 @@
   },
   "peerDependencies": {
     "core-js": "^2.6.3 || ^3.6.5",
-    "html-webpack-plugin": "^4.0.0",
+    "html-webpack-plugin": "^5.0.0-alpha.6",
     "terser": ">=3.12.0",
     "webpack": "^5.0.0",
     "webpack-dev-server": "^3.1.0"
@@ -115,7 +115,7 @@
     "hard-source-webpack-plugin": "^0.13.1",
     "html-loader": "^1.1.0",
     "html-webpack-include-assets-plugin": "^2.0.0",
-    "html-webpack-plugin": "^4.3.0",
+    "html-webpack-plugin": "^5.0.0-alpha.6",
     "jasmine-core": "^3.6.0",
     "jasmine-spec-reporter": "^5.0.2",
     "mini-css-extract-plugin": "^0.9.0",

.yarn-offline-mirror/object.getownpropertydescriptors-2.0.3.tgz

@@ -1,9 +1,5 @@
 import { BabelLoaderTransformOptions, BabelPresetOptions } from 'babel-loader'
-import * as webpack from 'webpack'
-import Chunk = webpack.Chunk
-import ChunkGroup = webpack.ChunkGroup
-import Entrypoint = webpack.Entrypoint
-import Module = webpack.Module
+import { Chunk, ChunkGroup, ChunkGraph, Entrypoint, Module } from 'webpack'
 
 import { BabelLoaderCacheDirectoryOption } from './babel.multi.target.options'
 import { BabelTargetOptions } from './babel.target.options'
@@ -33,8 +29,9 @@ export type BabelTargetInfo = { [TOption in keyof BabelTargetOptions]: BabelTarg
 // so, need to do this instead
 const SIG = {
   module: [
-    'disconnect',
-    'unseal',
+    // These are removed in webpack@5
+    // 'disconnect',
+    // 'unseal',
     'isEntryModule',
     'isInChunk',
   ],
@@ -51,7 +48,8 @@ const SIG = {
     'hasEntryModule',
     'addModule',
     'removeModule',
-    'setModules',
+    // This is removed in webpack@5
+    // 'setModules',
     'getNumberOfModules',
     'addGroup',
     'isInGroup',
@@ -137,7 +135,7 @@ export class BabelTarget implements BabelTargetInfo {
   }
 
   public static getTargetFromModule(module: Module): BabelTarget {
-    if (module.options && module.options.babelTarget) {
+    if (module.options?.babelTarget) {
       return module.options.babelTarget
     }
 
@@ -146,7 +144,7 @@ export class BabelTarget implements BabelTargetInfo {
     }
 
     for (const reason of module.reasons) {
-      if (reason.dependency && reason.dependency.babelTarget) {
+      if (reason.dependency?.babelTarget) {
         return reason.dependency.babelTarget
       }
       if (reason.module) {
@@ -162,10 +160,16 @@ export class BabelTarget implements BabelTargetInfo {
   }
 
   public static getTargetFromEntrypoint(entrypoint: Entrypoint): BabelTarget {
-    if (!entrypoint.runtimeChunk.hasEntryModule()) {
+    if (!entrypoint.getRuntimeChunk().hasEntryModule()) {
       return undefined
     }
-    return BabelTarget.getTargetFromModule(entrypoint.runtimeChunk.entryModule)
+    const arr = Array.from(
+      ChunkGraph.getChunkGraphForChunk(
+        entrypoint.getRuntimeChunk(),
+        'Chunk.entryModule',
+        'DEP_WEBPACK_CHUNK_ENTRY_MODULE',
+      ).getChunkEntryModulesIterable(entrypoint.getRuntimeChunk()))
+    return BabelTarget.getTargetFromModule(arr[0])
   }
 
   // eslint-disable-next-line

.yarn-offline-mirror/util.promisify-1.0.0.tgz

@@ -90,18 +90,18 @@ export class BabelMultiTargetHtmlUpdater implements Plugin {
 
       // not sure if this is a problem since webpack will wait for dependencies to load, but sorting
       // by auto/dependency will result in a cyclic dependency error for lazy-loaded routes
-      htmlWebpackPlugin.options.chunksSortMode = 'none' as any
+      htmlWebpackPlugin.userOptions.chunksSortMode = 'none' as any
 
-      if ((htmlWebpackPlugin.options.chunks as any) !== 'all' &&
-        htmlWebpackPlugin.options.chunks &&
-        htmlWebpackPlugin.options.chunks.length
+      if ((htmlWebpackPlugin.userOptions.chunks as any) !== 'all' &&
+        htmlWebpackPlugin.userOptions.chunks &&
+        htmlWebpackPlugin.userOptions.chunks.length
       ) {
-        htmlWebpackPlugin.options.chunks = this.mapChunkNames(htmlWebpackPlugin.options.chunks as string[])
+        htmlWebpackPlugin.userOptions.chunks = this.mapChunkNames(htmlWebpackPlugin.userOptions.chunks as string[])
       }
 
-      if (htmlWebpackPlugin.options.excludeChunks &&
-        htmlWebpackPlugin.options.excludeChunks.length) {
-        htmlWebpackPlugin.options.excludeChunks = this.mapChunkNames(htmlWebpackPlugin.options.excludeChunks)
+      if (htmlWebpackPlugin.userOptions.excludeChunks &&
+        htmlWebpackPlugin.userOptions.excludeChunks.length) {
+        htmlWebpackPlugin.userOptions.excludeChunks = this.mapChunkNames(htmlWebpackPlugin.userOptions.excludeChunks)
       }
 
       compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation: Compilation) => {