razzle-plugin-typescript

razzle-plugin-typescript

This package contains a plugin for using TypeScript with Razzle

Razzle now has support for typescript using babel. Unless you specifically need this plugin we recommend using the builtin support

Use with-typescript example instead.

Usage in Razzle Projects

``
yarn add razzle-plugin-typescript
`

Using the plugin with the default options

`js
// razzle.config.js

module.exports = {
plugins: ['typescript'],
};
`

See full configuration in the typescript example project.

$3

`js
// razzle.config.js

module.exports = {
plugins: [
{
name: 'typescript',
options: {
useBabel: false,
tsLoader: {
transpileOnly: true,
experimentalWatchApi: true,
},
forkTsChecker: {
eslint: {
files: ['.js', '.jsx', '.ts', '.tsx'],
}
},
},
},
],
};
`

Options

useBabel: _boolean_ (defaults: false)

Set useBabel to true if you want to keep using babel for _JS_/_TS_ interoperability, or if you want to apply any babel transforms to typescript files. (i.e.: babel-plugin-styled-components).

tsLoader: _TSLoaderOptions_ (defaults: { transpileOnly: true, experimentalWatchApi: true })

Use this to override ts-loader options. Check all the options here: ts-loader options.

forkTsChecker: _TSCheckerOptions_ (defaults: { async: 'compiler.options.mode === 'development'', typescript: true, eslint: undefined, issue: {}, formatter: 'codeframe', logger: { infrastructure: 'silent', issues: 'console', devServer: true } })

Use this to override fork-ts-checker-webpack-plugin` options. Check all the options here: fork-ts-checker-webpack-plugin options.