chore: update swc-loader configuration to detect syntax automatically (#421)

Author: chenjiahan

rspack/basic-ts/rspack.config.mjs

@@ -22,19 +22,15 @@ export default defineConfig({
   module: {
     rules: [
       {
-        test: /\.(?:js|ts)$/,
+        test: /\.(?:js|mjs|cjs|ts|mts|cts)$/,
         use: [
           {
             loader: 'builtin:swc-loader',
             /**
              * @type {import('@rspack/core').SwcLoaderOptions}
              */
             options: {
-              jsc: {
-                parser: {
-                  syntax: 'typescript',
-                },
-              },
+              detectSyntax: 'auto',
             },
           },
         ],

rspack/builtin-swc-loader/rspack.config.mjs

@@ -27,18 +27,15 @@ export default defineConfig({
         type: 'css',
       },
       {
-        test: /\.(jsx|js)$/,
+        test: /\.(?:js|mjs|jsx|ts|tsx)$/,
         use: {
           loader: 'builtin:swc-loader',
           /**
            * @type {import('@rspack/core').SwcLoaderOptions}
            */
           options: {
+            detectSyntax: 'auto',
             jsc: {
-              parser: {
-                syntax: 'ecmascript',
-                jsx: true,
-              },
               transform: {
                 react: {
                   runtime: 'automatic',

rspack/cra-ts/rspack.config.js

@@ -15,15 +15,13 @@ const config = {
         type: 'css',
       },
       {
-        test: /\.tsx$/,
+        test: /\.(?:js|mjs|jsx|ts|tsx)$/,
+        exclude: /node_modules/,
         use: {
           loader: 'builtin:swc-loader',
           options: {
+            detectSyntax: 'auto',
             jsc: {
-              parser: {
-                syntax: 'typescript',
-                jsx: true,
-              },
               externalHelpers: true,
               preserveAllComments: false,
               transform: {
@@ -38,22 +36,6 @@ const config = {
         },
         type: 'javascript/auto',
       },
-      {
-        test: /\.ts$/,
-        use: {
-          loader: 'builtin:swc-loader',
-          options: {
-            jsc: {
-              parser: {
-                syntax: 'typescript',
-              },
-              externalHelpers: true,
-              preserveAllComments: false,
-            },
-          },
-        },
-        type: 'javascript/auto',
-      },
       {
         test: /\.svg$/,
         type: 'asset/resource',

rspack/cra/rspack.config.js

@@ -16,15 +16,13 @@ const config = {
         type: 'css',
       },
       {
-        test: /\.jsx$/,
+        test: /\.(?:js|mjs|cjs|jsx)$/,
+        exclude: /node_modules/,
         use: {
           loader: 'builtin:swc-loader',
           options: {
+            detectSyntax: 'auto',
             jsc: {
-              parser: {
-                syntax: 'ecmascript',
-                jsx: true,
-              },
               externalHelpers: true,
               preserveAllComments: false,
               transform: {

rspack/emotion/rspack.config.js

@@ -15,14 +15,12 @@ const config = {
   module: {
     rules: [
       {
-        test: /\.jsx$/,
+        test: /\.(?:js|mjs|cjs|jsx)$/,
+        exclude: /node_modules/,
         loader: 'builtin:swc-loader',
         options: {
+          detectSyntax: 'auto',
           jsc: {
-            parser: {
-              syntax: 'ecmascript',
-              jsx: true,
-            },
             transform: {
               react: {
                 importSource: '@emotion/react',

rspack/express/rspack.config.js

@@ -17,9 +17,9 @@ const config = {
         use: {
           loader: 'builtin:swc-loader',
           options: {
+            detectSyntax: 'auto',
             jsc: {
               parser: {
-                syntax: 'typescript',
                 decorators: true,
               },
             },

rspack/inline-const-enum/rspack.config.mjs

@@ -23,10 +23,8 @@ export default {
           loader: 'builtin:swc-loader',
           /** @type {import("@rspack/core").SwcLoaderOptions} */
           options: {
+            detectSyntax: 'auto',
             jsc: {
-              parser: {
-                syntax: 'typescript',
-              },
               transform: {
                 tsEnumIsMutable: true,
               },

rspack/inline-const/rspack.config.mjs

@@ -29,10 +29,8 @@ export default {
           loader: 'builtin:swc-loader',
           /** @type {import("@rspack/core").SwcLoaderOptions} */
           options: {
+            detectSyntax: 'auto',
             jsc: {
-              parser: {
-                syntax: 'typescript',
-              },
               target: 'es2015', // use target es2015 or greater so swc won't transform const to var
             },
           },

rspack/inline-enum/rspack.config.mjs

@@ -23,11 +23,7 @@ export default {
           loader: 'builtin:swc-loader',
           /** @type {import("@rspack/core").SwcLoaderOptions} */
           options: {
-            jsc: {
-              parser: {
-                syntax: 'typescript',
-              },
-            },
+            detectSyntax: 'auto',
             collectTypeScriptInfo: {
               exportedEnum: true,
             },

rspack/license-webpack-plugin/rspack.config.js

@@ -18,15 +18,13 @@ module.exports = defineConfig({
   module: {
     rules: [
       {
-        test: /\.jsx$/,
+        test: /\.(?:js|mjs|cjs|jsx)$/,
+        exclude: /node_modules/,
         use: {
           loader: 'builtin:swc-loader',
           options: {
+            detectSyntax: 'auto',
             jsc: {
-              parser: {
-                syntax: 'ecmascript',
-                jsx: true,
-              },
               externalHelpers: true,
               preserveAllComments: false,
               transform: {