WIP ported code to webpack 4

lib/ChunkManifestPlugin.js

@@ -1,66 +1,99 @@
-var RawSource = require("webpack-core/lib/RawSource");
+const pluginName = 'ChunkManifestPlugin';
 
-function ChunkManifestPlugin(options) {
-  options = options || {};
-  this.manifestFilename = options.filename || "manifest.json";
-  this.manifestVariable = options.manifestVariable || "webpackManifest";
-  this.inlineManifest = options.inlineManifest || false;
-}
-module.exports = ChunkManifestPlugin;
+class ChunkManifestPlugin {
+  constructor(options) {
+    this.options = {
+      filename: 'manifest.json',
+      manifestVariable: 'webpackManifest',
+      inlineManifest: false,
+      ...options,
+    };
+  }
+
+  apply(compiler) {
+    const chunkManifestFilename = '__CHUNK_MANIFEST__';
+    let chunkManifest;
+    let oldChunkFilename;
+
+    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+      const {mainTemplate} = compilation;
+
+      mainTemplate.hooks.requireEnsure.tap(
+        pluginName,
+        (source, chunk, hash) => {
+          const {outputOptions} = mainTemplate;
+          const filename =
+            outputOptions.chunkFilename || outputOptions.filename;
 
-ChunkManifestPlugin.prototype.constructor = ChunkManifestPlugin;
-ChunkManifestPlugin.prototype.apply = function(compiler) {
-  var manifestFilename = this.manifestFilename;
-  var manifestVariable = this.manifestVariable;
-  var inlineManifest = this.inlineManifest;
-  var oldChunkFilename;
-  var chunkManifest;
-
-  compiler.plugin("this-compilation", function(compilation) {
-    var mainTemplate = compilation.mainTemplate;
-    mainTemplate.plugin("require-ensure", function(_, chunk, hash) {
-      var filename = this.outputOptions.chunkFilename || this.outputOptions.filename;
-
-      if (filename) {
-        chunkManifest = [chunk].reduce(function registerChunk(manifest, c) {
-          if(c.id in manifest) return manifest;
-          var hasRuntime = typeof c.hasRuntime === 'function' ? c.hasRuntime() : c.entry;
-          if(hasRuntime) {
-            manifest[c.id] = undefined;
-          } else {
-            manifest[c.id] = mainTemplate.applyPluginsWaterfall("asset-path", filename, {
-              hash: hash,
-              chunk: c
-            });
+          if (filename) {
+            const registerChunk = (manifest, chunk) => {
+              if (chunk.id in manifest) {
+                return manifest;
+              }
+
+              if (chunk.hasRuntime()) {
+                manifest[chunk.id] = undefined;
+              } else {
+                manifest[chunk.id] = mainTemplate.getAssetPath(filename, {
+                  hash,
+                  chunk,
+                });
+              }
+
+              return Array.from(chunk.getAllAsyncChunks()).reduce(
+                registerChunk,
+                manifest,
+              );
+            };
+            chunkManifest = registerChunk({}, chunk);
+
+            oldChunkFilename = outputOptions.chunkFilename;
+            outputOptions.chunkFilename = chunkManifestFilename;
+
+            const source = JSON.stringify(chunkManifest, null, true);
+            compilation.assets[this.options.filename] = {
+              source: () => source,
+              size: () => source.length,
+            };
+            chunk.files.push(this.options.filename);
           }
-          return c.chunks.reduce(registerChunk, manifest);
-        }, {});
-        oldChunkFilename = this.outputOptions.chunkFilename;
-        this.outputOptions.chunkFilename = "__CHUNK_MANIFEST__";
-        // mark as asset for emitting
-        compilation.assets[manifestFilename] = new RawSource(JSON.stringify(chunkManifest));
-        chunk.files.push(manifestFilename);
-      }
 
-      return _;
+          return source;
+        },
+      );
     });
-  });
 
-  compiler.plugin("compilation", function(compilation) {
-    compilation.mainTemplate.plugin("require-ensure", function(_, chunk, hash, chunkIdVar) {
-      if (oldChunkFilename) {
-        this.outputOptions.chunkFilename = oldChunkFilename;
-      }
+    compiler.hooks.compilation.tap(pluginName, compilation => {
+      const {mainTemplate} = compilation;
+
+      mainTemplate.hooks.requireEnsure.tap(
+        pluginName,
+        (source, chunk, hash, chunkId) => {
+          if (oldChunkFilename) {
+            mainTemplate.outputOptions.chunkFilename = oldChunkFilename;
+
+            return source.replace(
+              `"${chunkManifestFilename}"`,
+              `window['${this.options.manifestVariable}']['${chunkId}']`,
+            );
+          }
+        },
+      );
+
+      if (this.options.inlineManifest) {
+        const {htmlWebpackPluginBeforeHtmlGeneration} = compilation.hooks;
 
-      return _.replace("\"__CHUNK_MANIFEST__\"",
-        "window[\"" + manifestVariable + "\"][" + chunkIdVar + "]");
+        if (htmlWebpackPluginBeforeHtmlGeneration) {
+          const {manifestVariable} = this.options;
+
+          htmlWebpackPluginBeforeHtmlGeneration.tap(pluginName, data => {
+            const manifestHtml = `<script>window.${manifestVariable}=${JSON.stringify(chunkManifest)}</script>`;
+            return data.assets[manifestVariable] = manifestHtml;
+          });
+        }
+      }
     });
+  }
+}
 
-    if (inlineManifest){
-      compilation.plugin("html-webpack-plugin-before-html-generation", function (data, callback) {
-        var manifestHtml = "<script>window." + manifestVariable + "=" + JSON.stringify(chunkManifest) + "</script>";
-        callback(null, data.assets[manifestVariable] = manifestHtml);
-      });
-    }
-  });
-};
+module.exports = ChunkManifestPlugin;