update: move html-tag-jsx-loader to utils/custom-loader

Author: UnschooledGamer

rspack.config.js

@@ -62,23 +62,18 @@ module.exports = (env, options) => {
       exclude: /node_modules/,
       use: [
         // First: Transform JSX to tag() calls
-        path.resolve(__dirname, 'html-tag-jsx-loader.js'),
+        path.resolve(__dirname, 'utils/custom-loaders/html-tag-jsx-loader.js'),
         // Then: Use SWC for TypeScript and ES6+ transpilation
         {
           loader: 'builtin:swc-loader',
           options: {
             jsc: {
               parser: {
                 syntax: 'typescript',
-                tsx: true, // Still parse JSX syntax (before it gets transformed)
+                tsx: true,
               },
               target: 'es2015',
             },
-            // env: {
-            //   mode: 'usage',
-            //   coreJs: '3.22',
-            //   targets: 'defaults',
-            // },
           },
         },
       ],
@@ -100,9 +95,6 @@ module.exports = (env, options) => {
                   },
                   target: 'es2015',
                 },
-                // env: {
-                //   targets: 'defaults',
-                // },
               },
             },
           ],
@@ -116,37 +108,12 @@ module.exports = (env, options) => {
                 jsc: {
                   parser: {
                     syntax: 'ecmascript',
-                    // NO jsx - it's already removed by custom loader below
                   },
                   target: 'es2015',
                 },
-                // env: {
-                //   mode: 'usage',
-                //   coreJs: '3.22',
-                //   targets: 'defaults',
-                // },
               },
             },
-            // First: Transform JSX to tag() calls
-            path.resolve(__dirname, 'html-tag-jsx-loader.js'),
-            // Then: Use SWC for ES6+ transpilation
-            // {
-            //   loader: 'builtin:swc-loader',
-            //   options: {
-            //     jsc: {
-            //       parser: {
-            //         syntax: 'ecmascript',
-            //         // JSX is already transformed by custom loader above
-            //       },
-            //       target: 'es2015',
-            //     },
-            //     // env: {
-            //     //   mode: 'usage',
-            //     //   coreJs: '3.22',
-            //     //   targets: 'defaults',
-            //     // },
-            //   },
-            // },
+            path.resolve(__dirname, 'utils/custom-loaders/html-tag-jsx-loader.js'),
           ],
         },
       ],

html-tag-jsx-loader.js …ls/custom-loaders/html-tag-jsx-loader.jshtml-tag-jsx-loader.js renamed to utils/custom-loaders/html-tag-jsx-loader.js html-tag-jsx-loader.js renamed to utils/custom-loaders/html-tag-jsx-loader.js

@@ -15,11 +15,10 @@ module.exports = function htmlTagJsxLoader(source) {
 
   try {
     // Debug logging - verify loader is running
-    console.log('🔧 Custom JSX loader processing:', this.resourcePath);
+    // console.log(`🔧 Custom JSX loader processing: ${this.resourcePath}\n`);
 
     // Determine file type from extension
     const isTypeScript = /\.tsx?$/.test(this.resourcePath);
-    const isJavaScript = /\.(jsx?|mjs)$/.test(this.resourcePath);
 
     // Quick check: if no JSX syntax at all, pass through unchanged
     // Look for JSX opening tags: < followed by a letter or uppercase