feat: update new project templates for Re.Pack 5.2 (#1263)

Author: jbroma

.changeset/ripe-humans-press.md

@@ -0,0 +1,5 @@
+---
+"@callstack/repack": minor
+---
+
+Update new project templates for Re.Pack 5.2

templates/rspack.config.cjs

@@ -7,17 +7,25 @@ const Repack = require('@callstack/repack');
  * Learn about Re.Pack configuration: https://re-pack.dev/docs/guides/configuration
  */
 
-module.exports = {
+module.exports = Repack.defineRspackConfig({
   context: __dirname,
   entry: './index.js',
   resolve: {
     ...Repack.getResolveOptions(),
   },
   module: {
     rules: [
-      ...Repack.getJsTransformRules(),
+      {
+        test: /\.[cm]?[jt]sx?$/,
+        type: 'javascript/auto',
+        use: {
+          loader: '@callstack/repack/babel-swc-loader',
+          parallel: true,
+          options: {},
+        },
+      },
       ...Repack.getAssetTransformRules(),
     ],
   },
   plugins: [new Repack.RepackPlugin()],
-};
+});

templates/rspack.config.mjs

@@ -12,17 +12,25 @@ const __dirname = path.dirname(__filename);
  * Learn about Re.Pack configuration: https://re-pack.dev/docs/guides/configuration
  */
 
-export default {
+export default Repack.defineRspackConfig({
   context: __dirname,
   entry: './index.js',
   resolve: {
     ...Repack.getResolveOptions(),
   },
   module: {
     rules: [
-      ...Repack.getJsTransformRules(),
+      {
+        test: /\.[cm]?[jt]sx?$/,
+        type: 'javascript/auto',
+        use: {
+          loader: '@callstack/repack/babel-swc-loader',
+          parallel: true,
+          options: {},
+        },
+      },
       ...Repack.getAssetTransformRules(),
     ],
   },
   plugins: [new Repack.RepackPlugin()],
-};
+});

templates/webpack.config.cjs

@@ -1,5 +1,4 @@
 const Repack = require('@callstack/repack');
-const TerserPlugin = require('terser-webpack-plugin');
 
 /**
  * Webpack configuration enhanced with Re.Pack defaults for React Native.
@@ -8,7 +7,7 @@ const TerserPlugin = require('terser-webpack-plugin');
  * Learn about Re.Pack configuration: https://re-pack.dev/docs/guides/configuration
  */
 
-module.exports = {
+module.exports = Repack.defineWebpackConfig({
   context: __dirname,
   entry: './index.js',
   resolve: {
@@ -18,24 +17,14 @@ module.exports = {
     rules: [
       {
         test: /\.[cm]?[jt]sx?$/,
-        use: 'babel-loader',
         type: 'javascript/auto',
+        use: {
+          loader: '@callstack/repack/babel-swc-loader',
+          options: {},
+        },
       },
       ...Repack.getAssetTransformRules(),
     ],
   },
-  optimization: {
-    minimizer: [
-      new TerserPlugin({
-        test: /\.(js)?bundle(\?.*)?$/i,
-        extractComments: false,
-        terserOptions: {
-          format: {
-            comments: false,
-          },
-        },
-      }),
-    ],
-  },
   plugins: [new Repack.RepackPlugin()],
-};
+});

templates/webpack.config.mjs

@@ -1,7 +1,6 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import * as Repack from '@callstack/repack';
-import TerserPlugin from 'terser-webpack-plugin';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -13,7 +12,7 @@ const __dirname = path.dirname(__filename);
  * Learn about Re.Pack configuration: https://re-pack.dev/docs/guides/configuration
  */
 
-export default {
+export default Repack.defineWebpackConfig({
   context: __dirname,
   entry: './index.js',
   resolve: {
@@ -23,24 +22,14 @@ export default {
     rules: [
       {
         test: /\.[cm]?[jt]sx?$/,
-        use: 'babel-loader',
         type: 'javascript/auto',
+        use: {
+          loader: '@callstack/repack/babel-swc-loader',
+          options: {},
+        },
       },
       ...Repack.getAssetTransformRules(),
     ],
   },
-  optimization: {
-    minimizer: [
-      new TerserPlugin({
-        test: /\.(js)?bundle(\?.*)?$/i,
-        extractComments: false,
-        terserOptions: {
-          format: {
-            comments: false,
-          },
-        },
-      }),
-    ],
-  },
   plugins: [new Repack.RepackPlugin()],
-};
+});