Merge pull request #303 from atls/feat/swc-loader

Author: TorinAsakura

.pnp.cjs

@@ -16,13 +16,15 @@
     "@atls/config-typescript": "workspace:*",
     "@atls/webpack-proto-imports-loader": "workspace:*",
     "@atls/webpack-start-server-plugin": "workspace:*",
+    "@swc/core": "1.4.11",
     "@yarnpkg/cli": "4.1.0",
     "@yarnpkg/core": "4.0.3",
     "css-loader": "6.8.1",
     "fast-glob": "3.2.11",
     "find-up": "5.0.0",
     "string-replace-loader": "3.1.0",
     "style-loader": "3.3.3",
+    "swc-loader": "0.2.6",
     "ts-loader": "9.5.1",
     "typescript": "5.2.2",
     "webpack": "5.89.0",

code/code-service/package.json

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-empty-function */
 import { readFile }                   from 'node:fs/promises'
 import { join }                       from 'node:path'
 
@@ -7,9 +8,6 @@ import { Configuration }              from 'webpack'
 import { WebpackPluginInstance }      from 'webpack'
 import { HotModuleReplacementPlugin } from 'webpack'
 
-/* eslint-disable @typescript-eslint/no-empty-function */
-import { tsConfig }                   from '@atls/config-typescript'
-
 import { FORCE_UNPLUGGED_PACKAGES }   from './webpack.externals'
 import { UNUSED_EXTERNALS }           from './webpack.externals'
 import { ModuleTypes }                from './webpack.interfaces'
@@ -125,13 +123,37 @@ export class WebpackConfig {
           {
             test: /.tsx?$/,
             use: {
-              loader: require.resolve('ts-loader'),
+              loader: require.resolve('swc-core'),
               options: {
-                transpileOnly: true,
-                experimentalWatchApi: true,
-                onlyCompileBundledFiles: true,
-                compilerOptions: { ...tsConfig.compilerOptions, sourceMap: true },
+                minify: true,
+                jsc: {
+                  parser: {
+                    syntax: 'typescript',
+                    jsx: true,
+                    dynamicImport: true,
+                    privateMethod: true,
+                    functionBind: true,
+                    exportDefaultFrom: true,
+                    exportNamespaceFrom: true,
+                    decorators: true,
+                    decoratorsBeforeExport: true,
+                    topLevelAwait: true,
+                    importMeta: true,
+                  },
+                  transform: {
+                    legacyDecorator: true,
+                    decoratorMetadata: true,
+                  },
+                },
               },
+              // TODO: remove once confirmed swc is full replacement
+              // loader: require.resolve('ts-loader'),
+              // options: {
+              //   transpileOnly: true,
+              //   experimentalWatchApi: true,
+              //   onlyCompileBundledFiles: true,
+              //   compilerOptions: { ...tsConfig.compilerOptions, sourceMap: true },
+              // },
             },
           },
           { test: /\.proto$/, use: require.resolve('@atls/webpack-proto-imports-loader') },

code/code-service/src/webpack.config.ts

@@ -14,6 +14,9 @@
     "yarn/**/*",
     "cli/*"
   ],
+  "scripts": {
+    "prepare": "husky"
+  },
   "resolutions": {
     "@types/react": "16.14.54",
     "globby": "11",
@@ -53,8 +56,5 @@
       "type": "libraries",
       "migration": "1645001973970"
     }
-  },
-  "scripts": {
-    "prepare": "husky"
   }
 }