Add size check to react-northstar build

apps/test-bundles/package.json

@@ -16,6 +16,7 @@
     "@fluentui/react": "^8.0.0-beta.43",
     "@fluentui/react-button": "^1.0.0-beta.23",
     "@fluentui/react-compose": "^1.0.0-beta.10",
+    "@fluentui/react-northstar": "^0.51.0",
     "@fluentui/scripts": "^1.0.0",
     "parallel-webpack": "^2.6.0",
     "webpack-bundle-analyzer": "^4.4.0",

apps/test-bundles/webpack.config.js

@@ -1,8 +1,11 @@
 // @ts-check
-const { createWebpackConfig, buildEntries, buildEntry } = require('./webpackUtils');
+const { createWebpackConfig, buildEntries, buildNorthstarEntries, buildEntry } = require('./webpackUtils');
 
 // Create entries for all top level imports.
-const entries = buildEntries('@fluentui/react');
+const entries = {
+  ...buildEntries('@fluentui/react'),
+  ...buildNorthstarEntries(),
+};
 // If/when we start working in react-next again, the bundle size tests should be set up like this
 // so that only the components directly within react-next are tested.
 // buildEntries(

apps/test-bundles/webpackUtils.js

@@ -121,6 +121,23 @@ function buildEntries(packageName, entries = {}, includeStats = true, onlyOwnCom
   return entries;
 }
 
+function buildNorthstarEntries(includeStats = true) {
+  const entries = {};
+  const distPath = path.dirname(require.resolve('@fluentui/react-northstar').replace('commonjs', 'es'));
+  const componentsPath = path.resolve(distPath, 'components');
+  fs.readdirSync(componentsPath).forEach(componentName => {
+    const isFolder = true;
+    if (isFolder) {
+      const entryPath = path.join(componentsPath, componentName, `${componentName}.js`);
+      entries[`fluentui-Northstar-${componentName}`] = {
+        entryPath,
+        includeStats,
+      };
+    }
+  });
+  return entries;
+}
+
 /**
  * Create entries for single top level import.
  */
@@ -135,4 +152,5 @@ module.exports = {
   createWebpackConfig,
   buildEntries,
   buildEntry,
+  buildNorthstarEntries,
 };