diff --git a/package.json b/package.json
index ea1b1c2..c406650 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "stylelint-order": "^5.0.0",
     "terser": "^5.3.8",
     "through2": "^4.0.2",
+    "ts-loader": "^9.5.4",
     "webpack": "^5.47.0",
     "webpack-stream": "^7.0.0"
   },
diff --git a/tasks/webpack.js b/tasks/webpack.js
index 17a4f53..951d7a0 100644
--- a/tasks/webpack.js
+++ b/tasks/webpack.js
@@ -27,7 +27,7 @@ function webpack(gulp, $, config) {
                 alias: {
                     svelte: svelteVersion < 4 ? $.path.resolve('node_modules', 'svelte') : $.path.resolve('node_modules', 'svelte/src/runtime')
                 },
-                extensions: ['.mjs', '.js', '.svelte'],
+                extensions: ['.mjs', '.js', '.svelte', '.ts'],
                 mainFields: ['svelte', 'browser', 'module', 'main'],
                 modules: resolveModulesPaths,
             },
@@ -66,6 +66,11 @@ function webpack(gulp, $, config) {
                             fullySpecified: false
                         }
                     },
+                    {
+                        test: /\.tsx?$/,
+                        use: 'ts-loader',
+                        exclude: /node_modules/,
+                    }
                 ]
             },
             plugins: [