react-app-rewire-awesome-typescript
Add awesome-typescript-loader to a react-app-rewired config.
How it works
- Tell Webpack the entry file doesn't have to be a
.js
file, just anyindex
file - Add a rule in Webpack config to parse
.ts|tsx
files withawesome-typescript-loader
and Babel
Prerequisites
awesome-typescript-loader
requires Webpack 4 hooks so be sure to use it with react-scripts@next
and react-app-rewired@2.0.0
.
Installation
with npm
npm install --save-dev react-app-rewire-awesome-typescript
or with yarn
yarn add -D react-app-rewire-awesome-typescript
Usage
⚠️ NOT TESTED FOR PRODUCTION BUILDS ⚠️
/* config-overrides.js */ const rewireTypescript = ; module { // some rewires config = ; // ... return config;};
or using compose
const compose = ; moduleexports = ;
Options
useBabel (boolean) (default=false)
Pass { useBabel: true }
to invoke Babel for transpilation. Current config from Webpack will be used.
Refer for other options to awesome-typescript-loader
github page.