feat: support typescript

hxfdarling · May 21, 2019 · b66fde1 · b66fde1
1 parent 324811f
commit b66fde1
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 4 deletions.
diff --git a/packages/a8k/package.json b/packages/a8k/package.json
@@ -105,6 +105,7 @@
     "svg-inline-loader": "^0.8.0",
     "terser": "^4.0.0",
     "terser-webpack-plugin": "^1.2.4",
+    "ts-loader": "^6.0.1",
     "url": "^0.11.0",
     "webpack": "^4.31.0",
     "webpack-bundle-analyzer": "^3.3.2",

diff --git a/packages/a8k/src/plugins/config-base.js b/packages/a8k/src/plugins/config-base.js
@@ -74,6 +74,7 @@ exports.apply = context => {
     // TODO：项目里面有使用到
     // config.module.set('wrappedContextRecursive', false);
 
+    require('../webpack/rules/ts')(config, context, options);
     require('../webpack/rules/js')(config, context, options);
     require('../webpack/rules/css')(config, context, options, filenames.css);
     require('../webpack/rules/fonts')(config, context, options, filenames.font);
@@ -86,10 +87,12 @@ exports.apply = context => {
 
     if (analyzer) {
       const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
-      config.plugin('bundle-analyzer-plugin').use(BundleAnalyzerPlugin, [{
-        analyzerMode: 'static',
-        reportFilename: `a8k_report_${type}.html`,
-      }]);
+      config.plugin('bundle-analyzer-plugin').use(BundleAnalyzerPlugin, [
+        {
+          analyzerMode: 'static',
+          reportFilename: `a8k_report_${type}.html`,
+        },
+      ]);
     }
   });
 };

diff --git a/packages/a8k/src/plugins/config-html.js b/packages/a8k/src/plugins/config-html.js
@@ -14,10 +14,17 @@ const getPages = context => {
       return false;
     }
     let filepath = path.join(pagesDir, item, 'index.js');
+    const filePathTs = path.join(pagesDir, item, 'index.ts');
 
     if (!fs.existsSync(filepath)) {
       filepath = `${filepath}x`; // jsx
     }
+    if (!fs.existsSync(filepath)) {
+      filepath = filePathTs;
+    }
+    if (!fs.existsSync(filepath)) {
+      filepath = `${filepath}x`; // tsx
+    }
     if (!fs.existsSync(filepath)) {
       return false;
     }

diff --git a/packages/a8k/src/webpack/rules/ts.js b/packages/a8k/src/webpack/rules/ts.js
@@ -0,0 +1,7 @@
+module.exports = config => {
+  config.module
+    .rule('ts')
+    .test(/\.tsx?$/)
+    .use('ts-loader')
+    .loader('ts-loader');
+};