Remove ts-loader

GMOD · Nov 20, 2023 · ea6f1db · ea6f1db
1 parent 5f762ea
commit ea6f1db
Show file tree

Hide file tree

Showing 6 changed files with 247 additions and 241 deletions.
diff --git a/notes/package.json.explainer.md b/notes/package.json.explainer.md
diff --git a/package.json b/package.json
@@ -152,7 +152,6 @@
     "storybook": "^7.0.0",
     "style-loader": "^3.3.1",
     "terser-webpack-plugin": "^5.2.5",
-    "ts-loader": "^9.5.0",
     "ts-node": "^10.4.0",
     "tslib": "^2.0.1",
     "tss-react": "^4.0.0",

diff --git a/products/jbrowse-react-app/.storybook/main.js b/products/jbrowse-react-app/.storybook/main.js
@@ -21,8 +21,11 @@ module.exports = {
       test: /\.(ts|tsx|js|jsx)$/,
       use: [
         {
-          loader: require.resolve('ts-loader'),
-          options: { transpileOnly: true },
+          loader: require.resolve('babel-loader'),
+          options: {
+            rootMode: 'upward',
+            presets: ['@babel/preset-react'],
+          },
         },
       ],
     })

diff --git a/products/jbrowse-react-circular-genome-view/.storybook/main.js b/products/jbrowse-react-circular-genome-view/.storybook/main.js
@@ -17,12 +17,16 @@ module.exports = {
         excludeAliases: ['console'],
       }),
     )
+
     config.module.rules.push({
       test: /\.(ts|tsx|js|jsx)$/,
       use: [
         {
-          loader: require.resolve('ts-loader'),
-          options: { transpileOnly: true },
+          loader: require.resolve('babel-loader'),
+          options: {
+            rootMode: 'upward',
+            presets: ['@babel/preset-react'],
+          },
         },
       ],
     })

diff --git a/products/jbrowse-react-linear-genome-view/.storybook/main.js b/products/jbrowse-react-linear-genome-view/.storybook/main.js
@@ -21,8 +21,11 @@ module.exports = {
       test: /\.(ts|tsx|js|jsx)$/,
       use: [
         {
-          loader: require.resolve('ts-loader'),
-          options: { transpileOnly: true },
+          loader: require.resolve('babel-loader'),
+          options: {
+            rootMode: 'upward',
+            presets: ['@babel/preset-react'],
+          },
         },
       ],
     })