Support output.path interpolation

src/BundleAnalyzerPlugin.js

@@ -35,6 +35,7 @@ class BundleAnalyzerPlugin {
 
     const done = (stats, callback) => {
       callback = callback || (() => {});
+      const bundleDir = stats.compilation.getPath(stats.compilation.outputOptions.path);
 
       const actions = [];
 
@@ -48,9 +49,9 @@ class BundleAnalyzerPlugin {
       }
 
       if (this.opts.analyzerMode === 'server') {
-        actions.push(() => this.startAnalyzerServer(stats.toJson()));
+        actions.push(() => this.startAnalyzerServer(stats.toJson(), bundleDir));
       } else if (this.opts.analyzerMode === 'static') {
-        actions.push(() => this.generateStaticReport(stats.toJson()));
+        actions.push(() => this.generateStaticReport(stats.toJson(), bundleDir));
       }
 
       if (actions.length) {
@@ -99,27 +100,27 @@ class BundleAnalyzerPlugin {
     }
   }
 
-  async startAnalyzerServer(stats) {
+  async startAnalyzerServer(stats, bundleDir) {
     if (this.server) {
       (await this.server).updateChartData(stats);
     } else {
       this.server = viewer.startServer(stats, {
         openBrowser: this.opts.openAnalyzer,
         host: this.opts.analyzerHost,
         port: this.opts.analyzerPort,
-        bundleDir: this.getBundleDirFromCompiler(),
+        bundleDir: bundleDir || this.getBundleDirFromCompiler(),
         logger: this.logger,
         defaultSizes: this.opts.defaultSizes,
         excludeAssets: this.opts.excludeAssets
       });
     }
   }
 
-  async generateStaticReport(stats) {
+  async generateStaticReport(stats, bundleDir) {
     await viewer.generateReport(stats, {
       openBrowser: this.opts.openAnalyzer,
-      reportFilename: path.resolve(this.compiler.outputPath, this.opts.reportFilename),
-      bundleDir: this.getBundleDirFromCompiler(),
+      reportFilename: path.resolve(bundleDir || this.compiler.outputPath, this.opts.reportFilename),
+      bundleDir: bundleDir || this.getBundleDirFromCompiler(),
       logger: this.logger,
       defaultSizes: this.opts.defaultSizes,
       excludeAssets: this.opts.excludeAssets

test/plugin.js

@@ -47,6 +47,21 @@ describe('Plugin', function () {
     });
   });
 
+  it('should support webpack config with interpolation in `output.path`', async function () {
+    const config = makeWebpackConfig();
+    config.output.path += '/[hash]';
+
+    await webpackCompile(config);
+
+    const chartData = await getChartDataFromReport('7e56a1f8a54acedcc9ce/report.html');
+    expect(chartData[0]).to.containSubset({
+      label: 'bundle.js',
+      statSize: 141,
+      parsedSize: 1311,
+      gzipSize: 342
+    });
+  });
+
   it('should support webpack config with `multi` module', async function () {
     const config = makeWebpackConfig();