Merge pull request #18001 from yngvebn/angular-builder-webpack-stats-json

Angular: Add webpackStatsJson to angular-builder

app/angular/src/builders/build-storybook/index.spec.ts

@@ -84,6 +84,7 @@ describe('Build Storybook Builder', () => {
       outputDir: 'storybook-static',
       mode: 'static',
       tsConfig: './storybook/tsconfig.ts',
+      webpackStatsJson: false,
     });
   });
 
@@ -109,6 +110,34 @@ describe('Build Storybook Builder', () => {
       outputDir: 'storybook-static',
       mode: 'static',
       tsConfig: 'path/to/tsConfig.json',
+      webpackStatsJson: false,
+    });
+  });
+
+  it('should build storybook with webpack stats.json', async () => {
+    const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
+      tsConfig: 'path/to/tsConfig.json',
+      compodoc: false,
+      webpackStatsJson: true,
+    });
+
+    const output = await run.result;
+
+    await run.stop();
+
+    expect(output.success).toBeTruthy();
+    expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+    expect(buildStandaloneMock).toHaveBeenCalledWith({
+      angularBrowserTarget: null,
+      angularBuilderContext: expect.any(Object),
+      angularBuilderOptions: {},
+      configDir: '.storybook',
+      loglevel: undefined,
+      quiet: false,
+      outputDir: 'storybook-static',
+      mode: 'static',
+      tsConfig: 'path/to/tsConfig.json',
+      webpackStatsJson: true,
     });
   });
 
@@ -162,6 +191,7 @@ describe('Build Storybook Builder', () => {
       outputDir: 'storybook-static',
       mode: 'static',
       tsConfig: './storybook/tsconfig.ts',
+      webpackStatsJson: false,
     });
   });
 
@@ -188,6 +218,7 @@ describe('Build Storybook Builder', () => {
       outputDir: 'storybook-static',
       mode: 'static',
       tsConfig: 'path/to/tsConfig.json',
+      webpackStatsJson: false,
     });
   });
 });

app/angular/src/builders/build-storybook/index.ts

@@ -31,7 +31,7 @@ export type StorybookBuilderOptions = JsonObject & {
 } & Pick<
     // makes sure the option exists
     CLIOptions,
-    'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs'
+    'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs' | 'webpackStatsJson'
   >;
 
 export type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
@@ -62,6 +62,7 @@ function commandBuilder(
         loglevel,
         outputDir,
         quiet,
+        webpackStatsJson,
       } = options;
 
       const standaloneOptions: StandaloneOptions = {
@@ -77,6 +78,7 @@ function commandBuilder(
           ...(styles ? { styles } : {}),
         },
         tsConfig,
+        webpackStatsJson,
       };
       return standaloneOptions;
     }),

app/angular/src/builders/build-storybook/schema.json

@@ -52,6 +52,11 @@
         "type": "string"
       }
     },
+    "webpackStatsJson": {
+      "type": "boolean",
+      "description": "Write Webpack Stats JSON to disk",
+      "default": false
+    },
     "styles": {
       "type": "array",
       "description": "Global styles to be included in the build.",