strothj / react-app-rewire-typescript-babel-preset

Add TypeScript support to Create React App using @babel/preset-typescript
https://react-app-rewire-typescript-babel-preset.netlify.com
MIT License
52 stars 6 forks source link

NOTICE: Create React App adds TypeScript Support

The official Create React App project looks to be adding support for the features this package enabled. With some patience, you'll be able to use TypeScript with Create React App out of the box.

Details are available here:
https://github.com/strothj/react-app-rewire-typescript-babel-preset/issues/30

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

Versions

react-scripts react-app-rewire-typescript-babel-preset
beta 2
release 3

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);
  }
};