feat(v2): allow for TypeScript pages and components (#2221)

packages/docusaurus-plugin-content-pages/src/index.ts

@@ -16,7 +16,7 @@ import {PluginOptions, LoadedContent} from './types';
 const DEFAULT_OPTIONS: PluginOptions = {
   path: 'src/pages', // Path to data on filesystem, relative to site dir.
   routeBasePath: '', // URL Route.
-  include: ['**/*.{js,jsx}'], // Extensions to include.
+  include: ['**/*.{js,jsx,ts,tsx}'], // Extensions to include.
 };
 
 export default function pluginContentPages(

packages/docusaurus-utils/src/index.ts

@@ -60,7 +60,7 @@ export function objectWithKeySorted(obj: Object) {
     .value();
 }
 
-const indexRE = /(^|.*\/)index\.(md|js)$/i;
+const indexRE = /(^|.*\/)index\.(md|js|jsx|ts|tsx)$/i;
 const extRE = /\.(md|js)$/;
 
 /**

packages/docusaurus/src/webpack/base.ts

@@ -56,6 +56,7 @@ export function createBaseConfig(
     },
     devtool: isProd ? false : 'cheap-module-eval-source-map',
     resolve: {
+      extensions: ['.wasm', '.mjs', '.js', '.jsx', '.ts', '.tsx', '.json'],
       symlinks: true,
       alias: {
         // https://stackoverflow.com/a/55433680/6072730
@@ -146,7 +147,7 @@ export function createBaseConfig(
     module: {
       rules: [
         {
-          test: /\.jsx?$/,
+          test: /\.(j|t)sx?$/,
           exclude: excludeJS,
           use: [getCacheLoader(isServer), getBabelLoader(isServer)].filter(
             Boolean,