Add option in fusionConfig to configure jsExtPattern

Author: Monar

build/get-webpack-config.js

@@ -60,6 +60,7 @@ const EXCLUDE_TRANSPILATION_PATTERNS = [
   /node_modules\/react\//,
   /node_modules\/core-js\//,
 ];
+
 const JS_EXT_PATTERN = /\.jsx?$/;
 
 /*::
@@ -99,6 +100,8 @@ function getWebpackConfig(opts /*: WebpackConfigOpts */) {
   const {id, dev, dir, watch, state, fusionConfig, legacyPkgConfig = {}} = opts;
   const main = 'src/main.js';
 
+  const jsExtPattern = fusionConfig.jsExtPattern || JS_EXT_PATTERN;
+
   if (!fs.existsSync(path.join(dir, main))) {
     throw new Error(`Project directory must contain a ${main} file`);
   }
@@ -269,7 +272,7 @@ function getWebpackConfig(opts /*: WebpackConfigOpts */) {
          */
         runtime === 'server' && {
           compiler: id => id === 'server',
-          test: JS_EXT_PATTERN,
+          test: jsExtPattern,
           exclude: EXCLUDE_TRANSPILATION_PATTERNS,
           use: [
             {
@@ -299,7 +302,7 @@ function getWebpackConfig(opts /*: WebpackConfigOpts */) {
          */
         (runtime === 'client' || runtime === 'sw') && {
           compiler: id => id === 'client' || id === 'sw',
-          test: JS_EXT_PATTERN,
+          test: jsExtPattern,
           exclude: EXCLUDE_TRANSPILATION_PATTERNS,
           use: [
             {
@@ -329,7 +332,7 @@ function getWebpackConfig(opts /*: WebpackConfigOpts */) {
          */
         runtime === 'client' && {
           compiler: id => id === 'client-legacy',
-          test: JS_EXT_PATTERN,
+          test: jsExtPattern,
           exclude: EXCLUDE_TRANSPILATION_PATTERNS,
           use: [
             {

build/load-fusionrc.js

@@ -18,6 +18,7 @@ let loggedNotice = false;
 /*::
 export type FusionRC = {
   babel?: {plugins?: Array<any>, presets?: Array<any>},
+  jsExtPattern?: RegExp,
   assumeNoImportSideEffects?: boolean,
   experimentalCompile?: boolean,
   nodeBuiltins?: {[string]: any},

docs/fusionrc.md

@@ -4,6 +4,21 @@ Fusion supports a `.fusionrc.js` in the root directory of your application. This
 
 This configuration object supports the following fields:
 
+## `jsExtPattern`
+
+By default this is `/\.jsx?$/`
+
+For example, this enables to handle typescript files with addition to Babel plugins/preset:
+
+```js
+module.exports = {
+  jsExtPattern: \[jt]sx?$\,
+  babel: {
+    presets: ["@babel/preset-typescript"],
+  }
+};
+```
+
 ## `babel`
 
 ### Adding plugins/presets