How to use the CheckerPlugin function from awesome-typescript-loader

Find comprehensive JavaScript awesome-typescript-loader.CheckerPlugin code examples handpicked from public code repositorys.

awesome-typescript-loader.CheckerPlugin is a plugin for the Awesome TypeScript Loader which runs the TypeScript type checker on a separate process to improve build performance.

166
167
168
169
170
171
172
173
174
      ],
    }),
    new CleanWebpackPlugin({
      verbose: false,
    }),
    new CheckerPlugin(),
  ],
  target: 'web',
};
fork icon0
star icon0
watch icon1

+ 7 other calls in file

160
161
162
163
164
165
166
167
168
169
      ]
    }
  ]
},

plugins: [new LiveReloadPlugin(), new CheckerPlugin()],

output: {
  filename: path.basename(jsDemoDestFile),
  path: path.dirname(jsDemoDestFile)
fork icon0
star icon0
watch icon1

+ 9 other calls in file

How does awesome-typescript-loader.CheckerPlugin work?

awesome-typescript-loader.CheckerPlugin is a plugin for the awesome-typescript-loader module that runs the TypeScript type checker on the source code in a separate process during compilation to provide faster type checking feedback and to reduce the overhead of type checking on the main thread. It also reports errors and warnings encountered during the type checking process.

101
102
103
104
105
106
107
108
109
110
  new ProgressBarPlugin({
    format: chalk.magenta.bold('build') + ' [' + chalk.green(':bar')+ '] ' + chalk.green.bold(':percent') + ' ' + chalk.yellow.bold(':elapsed seconds') + ' ' + chalk.white(':msg'),
    clear: false
  }),
  new ts.TsConfigPathsPlugin(),
  new ts.CheckerPlugin(),
  new webpack.HotModuleReplacementPlugin()
],
resolve: {
  extensions: ['.ts', '.js'],
fork icon0
star icon0
watch icon0

Ai Example

1
2
3
4
5
6
7
8
9
const AwesomeTypescriptLoader = require("awesome-typescript-loader");

module.exports = {
  // ... other webpack configuration
  plugins: [
    new AwesomeTypescriptLoader.CheckerPlugin(),
    // ... other plugins
  ],
};

This will create a new instance of CheckerPlugin and add it to the list of plugins used by webpack. When webpack runs, this plugin will be executed and will perform type checking on the TypeScript code. It will report any errors or warnings that it finds during the type checking process.