fork-ts-checker-webpack-plugin 9.0.2

The Fork TS Checker Webpack Plugin is a Webpack plugin that enhances the speed of TypeScript type checking by running it on a separate process. It supports modern TypeScript features such as project references and incremental mode, delivering clean error messages using the code frame formatter.

To use the Fork TS Checker Webpack Plugin, firstly it requires Node.js ≥14.0.0+, Webpack ^5.11.0, TypeScript ^3.6.0. Start by installing it in your project with npm or yarn:

# with npm
npm install --save-dev fork-ts-checker-webpack-plugin

# with yarn
yarn add --dev fork-ts-checker-webpack-plugin

Then, modify your webpack configuration (webpack.config.js) to utilize this plugin:

const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');

module.exports = {
  context: __dirname, // to automatically find tsconfig.json
  entry: './src/index.ts',
  resolve: {
    extensions: [".ts", ".tsx", ".js"],
  },
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: 'ts-loader',
        // add transpileOnly option if you use ts-loader < 9.3.0 
        // options: {
        //   transpileOnly: true
        // }
      }
    ]
  },
  plugins: [new ForkTsCheckerWebpackPlugin()],
  watchOptions: {
    ignored: /node_modules/,
  },
};

Remember to replace ./src/index.ts with the actual entry point to your app.

The documentation for Fork TS Checker Webpack Plugin is located on its GitHub page: https://github.com/TypeStrong/fork-ts-checker-webpack-plugin. Here, you will find comprehensive details about its features, installation, usage, configuration options, and more.