update webpack config

wcpos · Jun 21, 2023 · 5e58a3b · 5e58a3b
1 parent f8be1fc
commit 5e58a3b
Show file tree

Hide file tree

Showing 5 changed files with 75 additions and 20 deletions.
diff --git a/packages/analytics/package.json b/packages/analytics/package.json
@@ -60,6 +60,7 @@
     "sass-loader": "13.3.2",
     "style-loader": "3.3.3",
     "terser-webpack-plugin": "5.3.9",
+    "ts-loader": "^9.4.3",
     "typescript": "5.1.3",
     "webpack": "5.87.0",
     "webpack-bundle-analyzer": "^4.9.0",

diff --git a/packages/analytics/webpack.config.js b/packages/analytics/webpack.config.js
@@ -37,19 +37,37 @@ module.exports = function (_env, argv) {
 		},
 		module: {
 			rules: [
+				// {
+				// 	test: /\.(ts|js)x?$/i,
+				// 	exclude: /node_modules/,
+				// 	use: {
+				// 		loader: 'babel-loader',
+				// 		options: {
+				// 			presets: [
+				// 				['@babel/preset-env', { modules: false }],
+				// 				'@babel/preset-react',
+				// 				'@babel/preset-typescript',
+				// 			],
+				// 		},
+				// 	},
+				// },
 				{
 					test: /\.(ts|js)x?$/i,
 					exclude: /node_modules/,
-					use: {
-						loader: 'babel-loader',
-						options: {
-							presets: [
-								['@babel/preset-env', { modules: false }],
-								'@babel/preset-react',
-								'@babel/preset-typescript',
-							],
+					use: [
+						{
+							loader: 'babel-loader',
+							options: {
+								presets: [['@babel/preset-env', { modules: false }], '@babel/preset-react'],
+							},
 						},
-					},
+						{
+							loader: 'ts-loader',
+							options: {
+								transpileOnly: true,
+							},
+						},
+					],
 				},
 				{
 					test: /\.s[ac]ss$/i,

diff --git a/packages/settings/package.json b/packages/settings/package.json
@@ -62,6 +62,7 @@
     "style-loader": "3.3.3",
     "tailwindcss": "3.3.2",
     "terser-webpack-plugin": "5.3.9",
+    "ts-loader": "^9.4.3",
     "typescript": "5.1.3",
     "webpack": "5.87.0",
     "webpack-bundle-analyzer": "^4.9.0",

diff --git a/packages/settings/webpack.config.js b/packages/settings/webpack.config.js
@@ -39,19 +39,37 @@ module.exports = function (_env, argv) {
 		},
 		module: {
 			rules: [
+				// {
+				// 	test: /\.(ts|js)x?$/i,
+				// 	exclude: /node_modules/,
+				// 	use: {
+				// 		loader: 'babel-loader',
+				// 		options: {
+				// 			presets: [
+				// 				['@babel/preset-env', { modules: false }],
+				// 				'@babel/preset-react',
+				// 				'@babel/preset-typescript',
+				// 			],
+				// 		},
+				// 	},
+				// },
 				{
 					test: /\.(ts|js)x?$/i,
 					exclude: /node_modules/,
-					use: {
-						loader: 'babel-loader',
-						options: {
-							presets: [
-								['@babel/preset-env', { modules: false }],
-								'@babel/preset-react',
-								'@babel/preset-typescript',
-							],
+					use: [
+						{
+							loader: 'babel-loader',
+							options: {
+								presets: [['@babel/preset-env', { modules: false }], '@babel/preset-react'],
+							},
 						},
-					},
+						{
+							loader: 'ts-loader',
+							options: {
+								transpileOnly: true,
+							},
+						},
+					],
 				},
 				{
 					test: /\.s[ac]ss$/i,

diff --git a/yarn.lock b/yarn.lock
@@ -5080,6 +5080,7 @@ __metadata:
     sass-loader: 13.3.2
     style-loader: 3.3.3
     terser-webpack-plugin: 5.3.9
+    ts-loader: ^9.4.3
     typescript: 5.1.3
     webpack: 5.87.0
     webpack-bundle-analyzer: ^4.9.0
@@ -5181,6 +5182,7 @@ __metadata:
     style-loader: 3.3.3
     tailwindcss: 3.3.2
     terser-webpack-plugin: 5.3.9
+    ts-loader: ^9.4.3
     typescript: 5.1.3
     webpack: 5.87.0
     webpack-bundle-analyzer: ^4.9.0
@@ -9661,7 +9663,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enhanced-resolve@npm:^5.15.0":
+"enhanced-resolve@npm:^5.0.0, enhanced-resolve@npm:^5.15.0":
   version: 5.15.0
   resolution: "enhanced-resolve@npm:5.15.0"
   dependencies:
@@ -13577,7 +13579,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.4, micromatch@npm:^4.0.5":
+"micromatch@npm:^4.0.0, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5":
   version: 4.0.5
   resolution: "micromatch@npm:4.0.5"
   dependencies:
@@ -17820,6 +17822,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ts-loader@npm:^9.4.3":
+  version: 9.4.3
+  resolution: "ts-loader@npm:9.4.3"
+  dependencies:
+    chalk: ^4.1.0
+    enhanced-resolve: ^5.0.0
+    micromatch: ^4.0.0
+    semver: ^7.3.4
+  peerDependencies:
+    typescript: "*"
+    webpack: ^5.0.0
+  checksum: 139ed53bc60717d0ca231cdffbdef7566b9feda11c72fecc697983113f1266ccca2e1cdf191f841a43afa6b87d6afe57a0caf4feecf02f30845aa7ac6f2411a4
+  languageName: node
+  linkType: hard
+
 "tsconfig-paths@npm:^3.14.1":
   version: 3.14.1
   resolution: "tsconfig-paths@npm:3.14.1"