run babel-loader + fork ts check when NOT in CI, otherwise use ts-loader for tsx files

Author: billyvg

webpack.config.js

@@ -30,6 +30,7 @@ const SENTRY_WEBPACK_PROXY_PORT = env.SENTRY_WEBPACK_PROXY_PORT;
 const USE_HOT_MODULE_RELOAD =
   !IS_PRODUCTION && SENTRY_BACKEND_PORT && SENTRY_WEBPACK_PROXY_PORT;
 const NO_DEV_SERVER = env.NO_DEV_SERVER;
+const IS_CI = !!env.CI || !!env.TRAVIS;
 
 // Deploy previews are built using netlify. We can check if we're in netlifys
 // build process by checking the existence of the PULL_REQUEST env var.
@@ -224,16 +225,21 @@ let appConfig = {
         include: [staticPrefix],
         exclude: /(vendor|node_modules|dist)/,
         use: [
-          {
-            loader: 'babel-loader',
-            options: babelOptions,
-          },
-          {
-            loader: 'ts-loader',
-            options: {
-              transpileOnly: true,
-            },
-          },
+          ...(!IS_CI
+            ? [
+                {
+                  loader: 'babel-loader',
+                  options: babelOptions,
+                },
+              ]
+            : [
+                {
+                  loader: 'ts-loader',
+                  options: {
+                    transpileOnly: false,
+                  },
+                },
+              ]),
         ],
       },
       {
@@ -318,9 +324,13 @@ let appConfig = {
      */
     new FixStyleOnlyEntriesPlugin(),
 
-    new ForkTsCheckerWebpackPlugin({
-      tsconfig: path.resolve(__dirname, './tsconfig.json'),
-    }),
+    ...(!IS_CI
+      ? [
+          new ForkTsCheckerWebpackPlugin({
+            tsconfig: path.resolve(__dirname, './tsconfig.json'),
+          }),
+        ]
+      : []),
 
     ...localeRestrictionPlugins,
   ],