chore: add fork-ts-checker-webpack-plugin example (#3269)

examples/plugin-compat/package.json

@@ -19,6 +19,7 @@
     "license-webpack-plugin": "^4.0.2",
     "webpack-bundle-analyzer": "4.7.0",
     "webpack-stats-plugin": "1.1.1",
-    "rspack-manifest-plugin": "5.0.0-alpha0"
+    "rspack-manifest-plugin": "5.0.0-alpha0",
+    "fork-ts-checker-webpack-plugin": "8.0.0"
   }
 }

examples/plugin-compat/rspack.config.js

@@ -7,6 +7,7 @@ const minifyPlugin = require("@rspack/plugin-minify");
 const manifestPlugin = require("rspack-manifest-plugin").WebpackManifestPlugin;
 const GeneratePackageJsonPlugin = require("generate-package-json-webpack-plugin");
 const licensePlugin = require("license-webpack-plugin");
+const checkPlugin = require("fork-ts-checker-webpack-plugin");
 /** @type {import('@rspack/cli').Configuration} */
 const config = {
 	target: "node",
@@ -62,6 +63,7 @@ const config = {
 			perChunkOutput: true,
 			outputFilename: `3rdpartylicenses.txt`
 		}),
+		new checkPlugin(),
 		new manifestPlugin({
 			fileName: "rspack-manifest.json",
 			generate: (seed, files, entries) => {

examples/plugin-compat/src/index.js

@@ -1,6 +1,6 @@
 import { answer } from "./answer";
+import { secret } from "./secret";
 import "./index.css";
 // Importing the below dependency to force to create the 3rdpartylicenses.txt file (license-webpack-plugin's output)
 import { plugin } from "copy-webpack-plugin";
-
-console.log({ answer });
+console.log({ answer, secret });

examples/plugin-compat/src/secret.ts

@@ -0,0 +1 @@
+export const secret = "rspack";

examples/plugin-compat/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "isolatedModules": true,
+    "module": "ESNext",
+    "target": "es5"
+  },
+  "include": ["src/*"]
+}