Fix publishing of webpack bundles and docs

azure-pipelines.release.yml

@@ -39,12 +39,13 @@ steps:
 
   - script: |
       yarn generate-version-files
-    displayName: yarn generate-version-files
+    displayName: Generate version files
 
   - script: |
-      yarn run:published build --production
-    displayName: yarn build (Create production build)
+      yarn run:published build --production --no-cache
+    displayName: yarn build
 
+  # test, lint, bundle using lage cached build from previous step (omit --no-cache)
   - script: |
       yarn run:published test --production
     displayName: yarn test

change/@fluentui-azure-themes-ab2807c9-c152-4a4e-aa76-ae35c568c765.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/azure-themes",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-example-data-709145ba-945b-4e32-ad26-aa9dd693f27a.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/example-data",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-foundation-legacy-61c19197-e426-4354-b469-139742b6ec0c.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/foundation-legacy",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-merge-styles-42421149-06a9-4430-82d0-f2195da513c4.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/merge-styles",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-public-docsite-24fef9d5-27ba-4703-8bf3-26017113d1b3.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/public-docsite",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-public-docsite-resources-5a8e191b-1a76-44ec-97dd-8fff04f2dd59.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/public-docsite-resources",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-c6983fd9-cd2f-4ee7-9080-94ea1ceb20cc.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-charting-3d3fe6f4-54a7-447a-b486-9c873274ba7a.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/react-charting",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-date-time-8a1b5e96-b3ec-492a-82d0-bd58209a64ef.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/react-date-time",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-experiments-e77cb6e5-7528-4cb0-a512-0aa8b7aa5d5d.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/react-experiments",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-focus-73acaf43-d8b7-4429-8842-cf597597236b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/react-focus",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-hooks-527df6c2-73da-4181-8064-39010a6aedc4.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/react-hooks",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-icon-provider-92c65419-619b-409f-9475-ec32fad1a079.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/react-icon-provider",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-icons-mdl2-822a1ec4-bc76-40af-85bc-86fe3c1a14c8.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/react-icons-mdl2",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-monaco-editor-be0ec0fe-9c0f-4137-8af6-5508c0013282.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/react-monaco-editor",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-scheme-utilities-ae9e6242-5834-4c5f-b170-c0a49959e986.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/scheme-utilities",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-theme-samples-dd095d67-ca82-4f8c-a559-5bc32f720113.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix webpack bundle",
+  "packageName": "@fluentui/theme-samples",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

scripts/monorepo/runPublished.js

@@ -1,6 +1,7 @@
 // @ts-check
+const { spawnSync } = require('child_process');
 const getAllPackageInfo = require('./getAllPackageInfo');
-const runTo = require('./runTo');
+const lageBin = require.resolve('lage/bin/lage.js');
 
 const argv = process.argv.slice(2);
 
@@ -15,18 +16,26 @@ This command runs <script> for all beachball-published packages (and their depen
   process.exit(0);
 }
 
-const script = argv[0];
-const rest = argv.slice(1);
-
 // Only include the packages that are published daily by beachball.
 // This logic does the same thing as "--scope \"!packages/fluentui/*\"" in the root package.json's
 // publishing-related scripts (and excludes private packages, which beachball does internally).
 // It will need to be updated if the --scope changes.
-const beachballPackages = Object.entries(getAllPackageInfo())
+const beachballPackageScopes = Object.entries(getAllPackageInfo())
   .filter(([, { packageJson, packagePath }]) => !/[\\/]fluentui[\\/]/.test(packagePath) && packageJson.private !== true)
-  .map(([packageName]) => packageName);
-
-// all packages needed for release build
-const allPackages = ['@fluentui/public-docsite', ...beachballPackages];
-
-runTo(script, allPackages, rest);
+  .map(([packageName]) => `--to=${packageName}`);
+
+const lageArgs = [
+  'run',
+  ...argv,
+  // default to verbose mode unless already/otherwise specified
+  ...(argv.some(arg => /^--(no-)?verbose/.test(arg)) ? [] : ['--verbose']),
+  ...beachballPackageScopes,
+];
+console.log(`lage ${lageArgs.join(' ')}`); // for debugging
+
+const result = spawnSync(process.execPath, [lageBin, ...lageArgs], {
+  stdio: 'inherit',
+  maxBuffer: 500 * 1024 * 1024,
+});
+
+process.exit(result.status);

scripts/monorepo/runTo.js

@@ -67,7 +67,7 @@ function runTo(script, projects, rest) {
 
   // --include-filtered-Dependencies makes the build include dependencies
   // --stream allows the build to proceed in parallel but still in order
-  spawnSync(
+  const result = spawnSync(
     process.execPath,
     [
       lernaBin,
@@ -85,6 +85,10 @@ function runTo(script, projects, rest) {
       stdio: 'inherit',
     },
   );
+
+  if (result.status !== 0) {
+    process.exit(result.status);
+  }
 }
 
 module.exports = runTo;

scripts/tasks/webpack.ts

@@ -9,8 +9,9 @@ type JustArguments<T extends Record<string, unknown>> = Arguments & T;
 export function webpack() {
   const args: JustArguments<Partial<{ production: boolean }>> = argv();
   return webpackCliTask({
-    webpackCliArgs: args.production ? ['--production'] : [],
+    webpackCliArgs: args.production ? ['--mode=production'] : [],
     nodeArgs: ['--max-old-space-size=4096'],
+    env: process.env,
   });
 }
 

scripts/webpack/webpack-resources.js

@@ -190,7 +190,7 @@ module.exports = {
       output,
       bundleName = path.basename(process.cwd()),
       entry = './lib/index.js',
-      isProduction = process.argv.indexOf('--production') > -1,
+      isProduction = process.argv.includes('--mode=production'),
       onlyProduction = false,
       customConfig = {},
     } = options;