Merge pull request #9636 from maartenbreddels/fix_process_polyfill

fix: use process/browser module as real polyfill

builder/package.json

@@ -56,6 +56,7 @@
     "license-webpack-plugin": "^2.3.11",
     "mini-css-extract-plugin": "~1.3.2",
     "path-browserify": "^1.0.0",
+    "process": "^0.11.10",
     "raw-loader": "~4.0.0",
     "style-loader": "~2.0.0",
     "supports-color": "^7.2.0",

builder/src/webpack.config.base.ts

@@ -82,7 +82,9 @@ module.exports = {
     fallback: {
       url: false,
       buffer: false,
-      path: require.resolve('path-browserify')
+      // See https://github.com/webpack/webpack/blob/3471c776059ac2d26593ea39f9c47c1874253dbb/lib/ModuleNotFoundError.js#L13-L42
+      path: require.resolve('path-browserify'),
+      process: require.resolve('process/browser')
     }
   },
   watchOptions: {
@@ -90,11 +92,8 @@ module.exports = {
     aggregateTimeout: 1000
   },
   plugins: [
-    new webpack.DefinePlugin({
-      // Needed for Blueprint. See https://github.com/palantir/blueprint/issues/4393
-      'process.env': '{}',
-      // Needed for various packages using cwd(), like the path polyfill
-      process: { cwd: () => '/' }
+    new webpack.ProvidePlugin({
+      process: 'process/browser'
     })
   ]
 };

buildutils/src/ensure-repo.ts

@@ -57,6 +57,7 @@ const UNUSED: Dict<string[]> = {
     'css-loader',
     'file-loader',
     'path-browserify',
+    'process',
     'raw-loader',
     'style-loader',
     'svg-url-loader',