chore(styleguide): fix TS support and reformat to be closer to main

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>

Author: ShGKme

webpack.config.js

@@ -32,21 +32,14 @@ const sassLoader = {
 		sourceMap: true,
 		sassOptions: {
 			sourceMapContents: false,
-			loadPaths: [
+			includePaths: [
 				path.resolve(__dirname, './src/assets'),
 				path.resolve(__dirname, 'node_modules'),
 			],
 		},
 	},
 }
 
-webpackRules.RULE_TS = {
-	test: /\.tsx?$/,
-	use: [
-		'babel-loader',
-	],
-}
-
 const cssLoaderOptions = {
 	modules: {
 		namedExport: false,
@@ -110,6 +103,17 @@ webpackRules.RULE_JS.exclude = BabelLoaderExcludeNodeModulesExcept([
 	'tributejs',
 ])
 
+// Speedup styleguide build
+webpackRules.RULE_TS.use = [
+	'babel-loader',
+	{
+		loader: 'ts-loader',
+		options: {
+			transpileOnly: true,
+		},
+	},
+]
+
 webpackRules.RULE_RAW_SVG = {
 	resourceQuery: /raw/,
 	type: 'asset/source',
@@ -132,5 +136,10 @@ module.exports = () => {
 		SCOPE_VERSION,
 	}))
 
+	webpackConfig.resolve.extensionAlias = {
+		'.js': ['.ts', '.js'],
+		'.mjs': ['.mts', '.mjs'],
+	}
+
 	return webpackConfig
 }