svelte-check-plugin

This plugin runs svelte-check as part of the webpack build process, and causes the build to fail with proper error reporting when svelte-check fails. This enables proper TypeScript checking of Svelte projects in webpack builds.

Installation

Currently, this plugin only supports npm, as it uses npx to run svelte-check.

1npm install --save-dev svelte-check svelte-check-plugin

Usage

The plugin must be specified in your webpack.config.js:

1...
2const SvelteCheckPlugin = requre("svelte-check-plugin");
3...
4module.exports = {
5    ...
6    plugins: {
7        ...,
8        new SvelteCheckPlugin(),
9        ...
10    },
11    ...
12}

If the plugin is working correctly, you should see output similar to the following when webpack compiles your project:

1====================================
2Loading svelte-check in workspace: [your workspace]
3Getting Svelte diagnostics...
4
5====================================
6svelte-check found 0 errors, 0 warnings, and 0 hints

Errors will show up over the rendered page during development if any occur.

You can also pass custom arguments to svelte-check if desired:

1...
2plugins: {
3    ...,
4    new SvelteCheckPlugin({
5        args: ["--fail-on-hints", "--tsconfig", "path/to/tsconfig"]
6    }),
7    ...
8},
9...