@teambit/react 0.0.568 → 0.0.569

package/webpack/webpack.config.component.prod.ts

@@ -0,0 +1,39 @@
+import { Configuration } from 'webpack';
+import { ComponentID } from '@teambit/component-id';
+// Make sure the bit-react-transformer is a dependency
+// TODO: remove it once we can set policy from component to component then set it via the component.json
+import '@teambit/react.babel.bit-react-transformer';
+
+// This is the production and development configuration.
+// It is focused on developer experience, fast rebuilds, and a minimal bundle.
+// eslint-disable-next-line complexity
+export default function (): Configuration {
+  return {
+    module: {
+      rules: [
+        {
+          test: /\.js$/,
+          include: [/node_modules/, /\/dist\//],
+          exclude: /@teambit\/legacy/,
+          descriptionData: { componentId: ComponentID.isValidObject },
+          use: [
+            {
+              loader: require.resolve('babel-loader'),
+              options: {
+                babelrc: false,
+                configFile: false,
+                plugins: [
+                  // for component highlighting in preview.
+                  [require.resolve('@teambit/react.babel.bit-react-transformer')],
+                ],
+                // turn off all optimizations (only slow down for node_modules)
+                compact: false,
+                minified: false,
+              },
+            },
+          ],
+        },
+      ],
+    },
+  };
+}

package/webpack/webpack.config.env.dev.ts

@@ -0,0 +1,21 @@
+import type { WebpackConfigWithDevServer } from '@teambit/webpack';
+
+export default function envConfig(envId: string): WebpackConfigWithDevServer {
+  return {
+    devServer: {
+      webSocketServer: {
+        options: {
+          path: `/_hmr/${envId}`,
+          // port is automatically matchs WDS
+        },
+      },
+      client: {
+        // public, sockHost, sockPath, and sockPort options were removed in favor client.webSocketURL option:
+        webSocketURL: {
+          pathname: `_hmr/${envId}`,
+          // port is automatically matchs the website.
+        },
+      },
+    },
+  };
+}