在前端开发中，使用 TypeScript 进行编码已经成为了一个趋势。在编译 TypeScript 代码的时候，我们通常会使用 Webpack 进行打包，并使用插件检查代码类型错误。@jeremejevs/fork-ts-checker-webpack-plugin 是一个比较实用的插件，它使用了 TypeScript 语言服务来检查类型错误，这比使用 TSC 或者其他插件检测错误更快，更准确。本文就来介绍一下如何使用这个插件。
安装插件
使用 npm 进行安装：
npm install @jeremejevs/fork-ts-checker-webpack-plugin --save-dev
配置插件
在 webpack 的配置文件中，添加插件的配置项：
-- -------------------- ---- -------
----- - -------------------------- - - ------------------------------------------------------
-------------- - -
-- ---
-------- -
--- -----------------------------
-- ---
--
--增加线程数
建议将 CheckerPlugin 运行的线程数设置为与逻辑处理器的数量相同：
new ForkTsCheckerWebpackPlugin({
workers: ForkTsCheckerWebpackPlugin.TWO_CPUS_FREE,
});编写 TypeScript 配置
在项目的根目录下，创建名为 tsconfig.app.json 的文件，用来配置 TypeScript 编译器：
-- -------------------- ---- -------
-
---------- -------------------
------------------ -
--------- -----------------
---------- -----
--------- ---------
-------- --
-
-在 tsconfig.json 中的 paths 所声明的路径应该与 baseUrl 中所指的路径保持一致，这样 fork-ts-checker-webpack-plugin 才能正确地检查类型错误。
完整 Webpack 配置示例
-- -------------------- ---- -------
----- - -------------------------- - - ------------------------------------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- --------- - -------
--
-------- --------------------
------- -
------ -
-
----- ----------
---- ------------
-------- --------------
-
-
--
-------- -
----------- - ------- ------ ----- -
--
-------- -
--- ----------------------------
-------- ----------------------------------------- -- ---------------
---
--
--总结
使用 @jeremejevs/fork-ts-checker-webpack-plugin 插件能够有效地加快 TypeScript 代码检查与编译的速度，并且检查结果更加准确。通过以上的配置，相信读者可以在自己的 Webpack 项目中加入这个插件，提高项目的代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005677a81e8991b448e3e09