Override chunk manifest plugin(s)

Author: jouni-kantola

README.md

@@ -41,7 +41,8 @@ const inlineChunkManifestConfig = {
   filename: 'manifest.json', // manifest.json is default
   manifestVariable: 'webpackManifest', // webpackManifest is default
   chunkManifestVariable: 'webpackChunkManifest', // webpackChunkManifest is default; use in html-webpack-plugin template
-  dropAsset: true // false is default; use to skip output of the chunk manifest asset (removes manifest.json)
+  dropAsset: true, // false is default; use to skip output of the chunk manifest asset (removes manifest.json)
+  manifestPlugins: [/* override default chunk manifest plugin(s) */]
 };
 
 new InlineChunkManifestHtmlWebpackPlugin(inlineChunkManifestConfig)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "inline-chunk-manifest-html-webpack-plugin",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Extension plugin for html-webpack-plugin to inline webpack chunk manifest. Default inlines in head tag.",
   "main": "./src/index.js",
   "repository": {

src/index.js

@@ -12,12 +12,24 @@ class InlineChunkManifestHtmlWebpackPlugin {
       options.chunkManifestVariable || "webpackChunkManifest";
     this.dropAsset = options.dropAsset || false;
 
-    this.plugins = [
+    const manifestPlugins = options.manifestPlugins;
+
+    if (manifestPlugins && !Array.isArray(manifestPlugins)) {
+      throw new TypeError(
+        "Overriden manifest plugin(s) must be specified as array; [new Plugin1(), new Plugin1(), ...]"
+      );
+    }
+
+    const defaultManifestPlugins = [
       new ChunkManifestPlugin({
         filename: this.manifestFilename,
         manifestVariable: this.manifestVariable
       })
     ];
+
+    this.plugins = manifestPlugins && manifestPlugins.length
+      ? manifestPlugins
+      : defaultManifestPlugins;
   }
 
   apply(compiler) {

test/plugin-apply-test.js

@@ -31,3 +31,28 @@ test.cb("dependency plugins are applied", t => {
   plugin.plugins = [dependencyPlugin, anotherDependencyPlugin];
   plugin.apply(fakeCompiler);
 });
+
+test.cb("overridden manifest plugins applied", t => {
+  t.plan(2);
+
+  const fakeCompiler = { plugin: () => {} };
+
+  const dependencyPlugin = {
+    apply: compiler => {
+      t.is(compiler, fakeCompiler);
+    }
+  };
+
+  const anotherDependencyPlugin = {
+    apply: compiler => {
+      t.is(compiler, fakeCompiler);
+      t.end();
+    }
+  };
+
+  const plugin = new InlineChunkManifestHtmlWebpackPlugin({
+    manifestPlugins: [dependencyPlugin, anotherDependencyPlugin]
+  });
+
+  plugin.apply(fakeCompiler);
+});

test/plugin-init-test.js

@@ -53,3 +53,36 @@ test("override chunk manifest variable", t => {
 
   t.is(plugin.chunkManifestVariable, "another-variable");
 });
+
+test("fallback to default chunk manifest plugin", t => {
+  const plugin = new InlineChunkManifestHtmlWebpackPlugin({
+    manifestPlugins: []
+  });
+
+  t.is(plugin.plugins.length, 1);
+  t.true(plugin.plugins[0] instanceof ChunkManifestPlugin);
+});
+
+test("ensure overriden plugins handle apply", t => {
+  const manifestPlugin = { override: true, apply: () => {} };
+  const anotherManifestPlugin = { override: true, apply: () => {} };
+
+  const plugin = new InlineChunkManifestHtmlWebpackPlugin({
+    manifestPlugins: [manifestPlugin, anotherManifestPlugin]
+  });
+
+  t.deepEqual(plugin.plugins, [manifestPlugin, anotherManifestPlugin]);
+});
+
+test("array of plugins required", t => {
+  const error = t.throws(() => {
+    const plugin = new InlineChunkManifestHtmlWebpackPlugin({
+      manifestPlugins: 1
+    });
+  }, TypeError);
+
+  t.is(
+    error.message,
+    "Overriden manifest plugin(s) must be specified as array; [new Plugin1(), new Plugin1(), ...]"
+  );
+});