spinjs/src/plugins/ReactPlugin.ts

<p align="center"><a href="#"><img width="150" src="https://rawgit.com/sysgears/spin.js/master/logo.svg"></a></p>

import * as fs from "fs";
import * as path from "path";

import Spin from "../Spin";
import { ConfigPlugin } from "../ConfigPlugin";
import { Builder } from "../Builder";
import JSRuleFinder from './shared/JSRuleFinder';

export default class ReactPlugin implements ConfigPlugin {
    configure(builder: Builder, spin: Spin) {
        const stack = builder.stack;

        if (stack.hasAll(['react', 'webpack'])) {
            const jsRuleFinder = new JSRuleFinder(builder);
            const jsRule = jsRuleFinder.rule;
            const isTypeScript = String(jsRule.test).indexOf('ts') >= 0;
            jsRule.test = isTypeScript ? /\.tsx?$/ : /\.jsx?$/;
            if (jsRule.use && jsRule.use.loader && jsRule.use.loader.indexOf('babel') >= 0) {
                jsRule.use.options.only = jsRuleFinder.extensions.map(ext => '*.' + ext);
            }

            builder.config.resolve.extensions =
                ((stack.hasAny('web')
                    || stack.hasAny('server')) ?
                        ['.web.', '.'] : ['.']
                ).map(prefix => jsRuleFinder.extensions.map(ext => prefix + ext))
                    .reduce((acc, val) => acc.concat(val));

            if (stack.hasAny('web') && !stack.hasAny('dll')) {
                for (let key in builder.config.entry) {
                    const entry = builder.config.entry[key];
                    for (let idx = 0; idx < entry.length; idx++) {
                        const item = entry[idx];
                        if (item.startsWith('./')
                                && ['.js', '.jsx', '.ts', '.tsx'].indexOf(path.extname(item)) >= 0
                                && item.indexOf('node_modules') < 0) {
                            const jsxItem = './' + path.join(path.dirname(item),
                                path.basename(item, path.extname(item))) + (isTypeScript ? '.tsx' : '.jsx');
                            if (!fs.existsSync(item) && fs.existsSync(jsxItem)) {
                                entry[idx] = jsxItem;
                            }
                        }
                    }
                }
            }
        }
    }
}