在前端开发中，TypeScript是越来越受欢迎的选择。然而，初次使用TypeScript时，工程化配置往往会带来许多挑战。为了解决这个问题，Beisen建立了npm包@beisen/typescript-config，它为大多数类型的TypeScript工程提供了一个默认配置。本文将重点介绍该包的使用教程及应用。
安装
使用npm，可以通过以下命令安装该npm包：
npm install @beisen/typescript-config --save-dev
使用
安装完这个npm包，将在工程根目录的typescript.config.json中放置下面的默认配置（当然也提供了一些自定义参数）：
-- -------------------- ---- -------
-
---------- ---------------------------------------
------------------ -
--------- ------
--------- ------
------------------- -------
-------------- -----
----------------- ----------
------------ -----
--------- ---------
--------- -----
---------------- -----
----------------- -----
--------------- -----
----------------- -----
--------------------- -----
-------------------- -----
----------------------------- -----
------------------ ----
--
---------- -
--------------
-------------------
--
---------- -
--------------------
--------------
-
-接下来，你可以修改类型参数，以适合特定TypeScript工程的需要。例如，如果你的工程使用React，那么你可以添加如下的配置到typescript.config.json中：
-- -------------------- ---- -------
-
------------------ -
------ --------
------------------------- -----
--------------- ----
--
---------- -
--------------
---------------
-------------------
-
-示例
在实际应用中，你可以使用@beisen/typescript-config指定一个TypeScript工程的类型文件。下面是一个React项目的根目录结构和tsconfig.json:
-- -------------------- ---- ------- ------------ --- --- - --- --------- - --- ---------- - --- ---------- - --- --------- - --- --------- --- ------- - --- ----------- --- -------- --- ---------- --- ------------ --- ------------- --- -----------------
tsconfig.json内容：
-- -------------------- ---- -------
-
---------- ---------------------------------------
---------- ----------------------------
------------------ -
---------- ----
-------- -
------ ------------
--------------- ----------------------
--
---------- --------
--------- ---------
-------------------- -----
----------------- -----
---------------- -----
------------------- -----
--------- ------
------------------- -------
------------------- -----
--------- ------
------ --------
-------------- -----
----------------- -----
------------------ ----
--
---------- -
--------------
---------------
-------------------
--
---------- -
--------------------
---------------
----------------
---------------
----------------
--------
----------
-
-一旦使用了@beisen/typescript-config这个npm包，你的TypeScript项目的工程性问题就基本上解决了，你可以专注于TypeScript及其组件的开发。
总结
通过npm包@beisen/typescript-config，你可以很容易应用于绝大多数TypeScript工程，同时也可以定制属于自己的TypeScript工程配置。这篇文章详细地介绍了使用方法及其配置示例，希望能帮助初学者避免繁琐的配置问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f67ef5d6099112f39633412