feat: add TS support

Author: georgyangelov

package-lock.json

@@ -52,6 +52,7 @@
     "postcss-loader": "4.3.0",
     "postcss-simple-vars": "^5.0.1",
     "style-loader": "4.0.0",
+    "ts-loader": "^9.5.1",
     "url-loader": "4.1.1",
     "webpack": "^5.90.3"
   }

package.json

@@ -37,7 +37,7 @@ class ScratchWebpackConfigBuilder {
      * @param {string|URL} [options.srcPath] The absolute path to the source files. Defaults to `src` under `rootPath`.
      * @param {boolean} [options.shouldSplitChunks] Whether to enable spliting code to chunks.
      */
-    constructor ({ distPath, enableReact, libraryName, rootPath, srcPath, shouldSplitChunks }) {
+    constructor ({ distPath, enableReact, enableTs, libraryName, rootPath, srcPath, shouldSplitChunks }) {
         const isProduction = process.env.NODE_ENV === 'production';
         const mode = isProduction ? 'production' : 'development';
 
@@ -90,6 +90,7 @@ class ScratchWebpackConfigBuilder {
                             '.jsx'
                         ] : []
                     ),
+                    ...(enableTs ? ['.ts', '.tsx'] : []),
                     // webpack supports '...' to include defaults, but eslint does not
                     '.js',
                     '.json'
@@ -98,7 +99,9 @@ class ScratchWebpackConfigBuilder {
             module: {
                 rules: [
                     {
-                        test: enableReact ? /\.[cm]?jsx?$/ : /\.[cm]?js$/,
+                        test: enableReact ?
+                            (enableTs ? /\.[cm]?[jt]sx?$/ : /\.[cm]?jsx?$/) :
+                            (enableTs ? /\.[cm]?[jt]s$/ : /\.[cm]?js$/),
                         loader: 'babel-loader',
                         exclude: [
                             {
@@ -196,7 +199,12 @@ class ScratchWebpackConfigBuilder {
                                 ]
                             }
                         ] : []
-                    )
+                    ),
+                    ...(enableTs ? [{
+                        test: enableReact ? /\.[cm]?[jt]sx?$/ : /\.[cm]?[jt]s$/,
+                        loader: 'ts-loader',
+                        exclude: [/node_modules/]
+                    }] : []),
                 ],
 
             },