add stats script and a small optimization

Author: christianalfoni

packages/app/config/webpack.common.js

@@ -2,15 +2,15 @@
 const webpack = require('webpack');
 const path = require('path');
 const fs = require('fs');
-const paths = require('./paths');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const threadLoader = require('thread-loader');
-const WatchMissingNodeModulesPlugin = require('../scripts/utils/WatchMissingNodeModulesPlugin');
 const env = require('@codesandbox/common/lib/config/env');
 const getHost = require('@codesandbox/common/lib/utils/host');
 const postcssNormalize = require('postcss-normalize');
+const WatchMissingNodeModulesPlugin = require('../scripts/utils/WatchMissingNodeModulesPlugin');
+const paths = require('./paths');
 
 const babelDev = require('./babel.dev');
 const babelProd = require('./babel.prod');
@@ -384,6 +384,7 @@ module.exports = {
       /browserfs\.min\.js/,
       /standalone-packages\/codesandbox-browserfs/,
       /standalone-packages\/vscode\//,
+      /fontfaceobserver\.standalone\.js/,
     ],
   },
 

packages/app/package.json

@@ -10,6 +10,7 @@
   "license": "MIT",
   "scripts": {
     "build": "cross-env NODE_ENV=production NODE_OPTIONS=\"--max-old-space-size=4096\"   node scripts/build.js",
+    "build:stats": "cross-env NODE_ENV=production NODE_OPTIONS=\"--max-old-space-size=4096\"   webpack --env production --config config/webpack.prod.js --json --profile --progress > stats.json && node scripts/stats",
     "build:clean": "rimraf www",
     "build:embed": "cross-env NODE_ENV=production webpack --config config/webpack.embed.js",
     "build:sandbox": "cross-env NODE_ENV=production SANDBOX_ONLY=true node scripts/build.js",

packages/app/scripts/stats.js

@@ -0,0 +1,23 @@
+/* eslint-disable */
+const stats = require('../stats.json');
+
+const longTime = stats.modules.filter(stat => {
+  if (stat.profile && stat.profile.building > 1000) {
+    return stat;
+  }
+});
+
+longTime
+  .sort((a, b) => (a.profile.building > b.profile.building ? 1 : -1))
+  .forEach(stat => {
+    console.log(
+      JSON.stringify(
+        {
+          id: stat.id,
+          profile: stat.profile,
+        },
+        null,
+        2
+      )
+    );
+  });