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
// razzle.config.js
module.exports = {
plugins: ['typescript'],
};See full configuration in the typescript example project.
With custom options:
// 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.