IBX-9109: Enabling TypeScript (ts-loader) with Webpack Encore

ibexa · Oct 17, 2024 · e2d12f6 · e2d12f6
1 parent 3460a12
commit e2d12f6
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 3 deletions.
diff --git a/ibexa/commerce/5.0/encore/ibexa.webpack.config.js b/ibexa/commerce/5.0/encore/ibexa.webpack.config.js
@@ -16,6 +16,7 @@ module.exports = (Encore) => {
             'prop-types': 'PropTypes',
         })
         .enableSassLoader()
+        .enableTypeScriptLoader()
         .enableReactPreset()
         .enableSingleRuntimeChunk();
 

diff --git a/ibexa/commerce/5.0/encore/package.json b/ibexa/commerce/5.0/encore/package.json
@@ -21,7 +21,10 @@
     "@ckeditor/ckeditor5-widget": "^40.1.0",
     "@ckeditor/ckeditor5-theme-lark": "^40.1.0",
     "@ckeditor/ckeditor5-code-block": "^40.1.0",
-    "@svgr/webpack": "^8.1.0"
+    "@svgr/webpack": "^8.1.0",
+    "typescript": "^5.6.3",
+    "ts-loader": "^9.5.1",
+    "ts-config-ibexa": "https://github.com/ibexa/ts-config-ibexa"
   },
   "dependencies": {
     "react": "^18.2.0",

diff --git a/ibexa/experience/5.0/encore/ibexa.webpack.config.js b/ibexa/experience/5.0/encore/ibexa.webpack.config.js
@@ -16,6 +16,7 @@ module.exports = (Encore) => {
             'prop-types': 'PropTypes',
         })
         .enableSassLoader()
+        .enableTypeScriptLoader()
         .enableReactPreset()
         .enableSingleRuntimeChunk();
 

diff --git a/ibexa/experience/5.0/encore/package.json b/ibexa/experience/5.0/encore/package.json
@@ -21,7 +21,10 @@
     "@ckeditor/ckeditor5-widget": "^40.1.0",
     "@ckeditor/ckeditor5-theme-lark": "^40.1.0",
     "@ckeditor/ckeditor5-code-block": "^40.1.0",
-    "@svgr/webpack": "^8.1.0"
+    "@svgr/webpack": "^8.1.0",
+    "typescript": "^5.6.3",
+    "ts-loader": "^9.5.1",
+    "ts-config-ibexa": "https://github.com/ibexa/ts-config-ibexa"
   },
   "dependencies": {
     "react": "^18.2.0",

diff --git a/ibexa/headless/5.0/encore/ibexa.webpack.config.js b/ibexa/headless/5.0/encore/ibexa.webpack.config.js
@@ -16,6 +16,7 @@ module.exports = (Encore) => {
             'prop-types': 'PropTypes',
         })
         .enableSassLoader()
+        .enableTypeScriptLoader()
         .enableReactPreset()
         .enableSingleRuntimeChunk();
 

diff --git a/ibexa/headless/5.0/encore/package.json b/ibexa/headless/5.0/encore/package.json
@@ -21,7 +21,10 @@
     "@ckeditor/ckeditor5-widget": "^40.1.0",
     "@ckeditor/ckeditor5-theme-lark": "^40.1.0",
     "@ckeditor/ckeditor5-code-block": "^40.1.0",
-    "@svgr/webpack": "^8.1.0"
+    "@svgr/webpack": "^8.1.0",
+    "typescript": "^5.6.3",
+    "ts-loader": "^9.5.1",
+    "ts-config-ibexa": "https://github.com/ibexa/ts-config-ibexa"
   },
   "license": "UNLICENSED",
   "private": true,