react-app-rewire-typescript-babel-preset

Add TypeScript support to Create React App using @babel/preset-typescript.

react-app-rewire-typescript-babel-preset is a plugin for react-app-rewired which adds support for TypeScript to Create React App (react-scripts v2).

It uses the Babel preset @babel/preset-typescript as an alternative to Webpack loaders. This allows you to more easily use the Babel ecosystem of transforms and plugins.

Changelog

Documentation

Please see the full documentation here: https://react-app-rewire-typescript-babel-preset.netlify.com

Example Config

After installation you'll end up with a config-overrides.js similar to this:

const {
  rewireWebpack: rewireTypescript,
  rewireJest: rewireTypescriptJest,
  rewireTSLint 
} = require("react-app-rewire-typescript-babel-preset");
 
module.exports = {
  webpack: function(config, env) {
    return rewireTypescript(config);
  },
  jest: function(config) {
    return rewireTypescriptJest(config);
  }
};