@teambit/react 0.0.692 → 0.0.695

package/webpack/webpack.config.base.prod.ts

@@ -24,44 +24,60 @@ export default function (externalizePeer: boolean, peers: string[], dev?: boolea
     : {
         minimize: true,
         minimizer: [
-          // This is only used in production mode
           new TerserPlugin({
-            extractComments: false,
+            minify: TerserPlugin.esbuildMinify,
+            // `terserOptions` options will be passed to `esbuild`
+            // Link to options - https://esbuild.github.io/api/#minify
+            // Note: the `minify` options is true by default (and override other `minify*` options), so if you want to disable the `minifyIdentifiers` option (or other `minify*` options) please use:
             terserOptions: {
-              parse: {
-                // We want terser to parse ecma 8 code. However, we don't want it
-                // to apply any minification steps that turns valid ecma 5 code
-                // into invalid ecma 5 code. This is why the 'compress' and 'output'
-                // sections only apply transformations that are ecma 5 safe
-                // https://github.com/facebook/create-react-app/pull/4234
-                ecma: 8,
-              },
-              compress: {
-                ecma: 5,
-                warnings: false,
-                // Disabled because of an issue with Uglify breaking seemingly valid code:
-                // https://github.com/facebook/create-react-app/issues/2376
-                // Pending further investigation:
-                // https://github.com/mishoo/UglifyJS2/issues/2011
-                comparisons: false,
-                // Disabled because of an issue with Terser breaking valid code:
-                // https://github.com/facebook/create-react-app/issues/5250
-                // Pending further investigation:
-                // https://github.com/terser-js/terser/issues/120
-                inline: 2,
-              },
-              mangle: {
-                safari10: true,
-              },
-              output: {
-                ecma: 5,
-                comments: false,
-                // Turned on because emoji and regex is not minified properly using default
-                // https://github.com/facebook/create-react-app/issues/2488
-                ascii_only: true,
-              },
+              minify: false,
+              minifyWhitespace: true,
+              // We don't want to minify identifiers to enable easier debugging on remote scopes when there are preview issues
+              minifyIdentifiers: false,
+              // minifyIdentifiers: true,
+              minifySyntax: true,
             },
+            // terserOptions: {},
           }),
+
+          // This is only used in production mode
+          // new TerserPlugin({
+          //   extractComments: false,
+          //   terserOptions: {
+          //     parse: {
+          //       // We want terser to parse ecma 8 code. However, we don't want it
+          //       // to apply any minification steps that turns valid ecma 5 code
+          //       // into invalid ecma 5 code. This is why the 'compress' and 'output'
+          //       // sections only apply transformations that are ecma 5 safe
+          //       // https://github.com/facebook/create-react-app/pull/4234
+          //       ecma: 8,
+          //     },
+          //     compress: {
+          //       ecma: 5,
+          //       warnings: false,
+          //       // Disabled because of an issue with Uglify breaking seemingly valid code:
+          //       // https://github.com/facebook/create-react-app/issues/2376
+          //       // Pending further investigation:
+          //       // https://github.com/mishoo/UglifyJS2/issues/2011
+          //       comparisons: false,
+          //       // Disabled because of an issue with Terser breaking valid code:
+          //       // https://github.com/facebook/create-react-app/issues/5250
+          //       // Pending further investigation:
+          //       // https://github.com/terser-js/terser/issues/120
+          //       inline: 2,
+          //     },
+          //     mangle: {
+          //       safari10: true,
+          //     },
+          //     output: {
+          //       ecma: 5,
+          //       comments: false,
+          //       // Turned on because emoji and regex is not minified properly using default
+          //       // https://github.com/facebook/create-react-app/issues/2488
+          //       ascii_only: true,
+          //     },
+          //   },
+          // }),
           new CssMinimizerPlugin({
             minimizerOptions: {
               preset: [