How to compile both .js and .ts?

[marcenacp]

I want to compile React code. How should I configure my .swcrc file in order to compile both .ts/.tsx and .js files? Thanks.

[marcenacp]

.swrc accepts a list of configurations, so you can add several parsers.

Example:

[
  {
    "test": ".tsx?$",
    "jsc": {
      "parser": {
        "syntax": "typescript",
        "tsx": true,
        "decorators": false,
        "dynamicImport": true
      },
      "transform": {
        "react": {
          "refresh": true
        }
      }
    }
  },
  {
    "test": ".jsx?$",
    "jsc": {
      "parser": {
        "syntax": "ecmascript",
        "jsx": true,
        "decorators": false,
        "dynamicImport": true
      },
      "transform": {
        "react": {
          "refresh": true
        }
      }
    }
  }
]

[mrtnpro]

How would you add a schema in this case? Examples taken from https://swc.rs/docs/configuration/swcrc#compilation

 {
  "$schema": "https://json.schemastore.org/swcrc"
}

[sidhuko]

Would be good to know how this can be passed to swc-loader too. I know it can be done in webpack but it has certain performance costs to use multiple loaders especially when using with thread-loader and following webpack performance guides.

[DavFeng1]

@marcenacp any way to incllude the schema in this setup?

[hugotox]

This is no longer working. Any idea how to add this config for "@swc/core": "^1.4.2"?

[kdy1]

@hugotox Can you file an issue?

[wegry]

If you're using typescript and @swc/core@1.4.14, writing a "test" with both js and ts seems to work. This has the added benefit of allowing the schema to still be set.

{
	"$schema": "https://json.schemastore.org/swcrc",
	"test": ".(j|t)sx?$",
	"jsc": {
		"parser": {
			"syntax": "typescript",
			"tsx": true
		},
		"transform": {
			"react": {
				"runtime": "automatic"
			}
		}
	}
}