前言
在开发前端应用程序时，我们通常使用 TypeScript 或 Babel 来编译我们的代码。 TypeScript 是一种类型安全的 JavaScript 超集语言，而 Babel 则是一个 JavaScript 编译器，可将 ES6+ 代码转换为向后兼容的 JavaScript 代码。在本文中，我们将研究如何使用 TypeScript 3.5 和 Babel 7.4 使我们的代码更快。
TypeScript 3.5
使用 --incremental 标志
TypeScript 3.5 引入了一项新功能，称为增量编译。这项功能使用 --incremental 标志启用，可以使 TypeScript 编译器在重新编译项目时，只重新编译更改的文件，而不是整个项目。这可以显著减少重新编译的时间，从而使代码更快。
要使用 --incremental 标志，可以在命令行中输入以下命令：
--- -------------
或者，在 tsconfig.json 文件中设置 "incremental": true。
使用 --build 标志
TypeScript 3.5 还引入了一个新的命令行标志，称为 --build。这个标志可以用来同时编译多个项目，从而使代码更快。例如，如果您有一个包含许多子项目的 monorepo，您可以使用 --build 标志来同时编译所有这些项目。
要使用 --build 标志，可以在命令行中输入以下命令：
--- -------
或者，在 tsconfig.json 文件中设置 "build": true。
Babel 7.4
使用 @babel/preset-env 插件
Babel 7.4 引入了一个新的插件，称为 @babel/preset-env。这个插件可以根据您的目标浏览器或运行时环境，自动确定需要转换的功能和语法。这可以显著减少转换的时间，从而使代码更快。
要使用 @babel/preset-env 插件，您需要首先安装它：
--- ------- ---------- -----------------
然后，在您的 .babelrc 文件中添加以下配置：
-
---------- -
-
--------------------
-
---------- -
----------- ------ - ---------- --- -- ----
-
-
-
-
-在这个例子中，我们告诉 @babel/preset-env 插件，我们的目标浏览器是最近的两个版本和 IE 11。插件将根据这些目标自动确定需要转换的功能和语法。
使用 cacheDirectory 选项
Babel 7.4 还引入了一个新的选项，称为 cacheDirectory。这个选项可以将 Babel 编译器的输出缓存到磁盘上，以便下次编译时可以重用。这可以显著减少重新编译的时间，从而使代码更快。
要使用 cacheDirectory 选项，您需要在您的 .babelrc 文件中添加以下配置：
- ----------------- ---- -
结论
TypeScript 3.5 和 Babel 7.4 都提供了一些新的功能和选项，可以显著减少编译时间，从而使代码更快。在使用这些工具时，请务必考虑这些选项和功能，并尝试使用它们来提高您的代码的性能。
示例代码
以下是一个使用 TypeScript 3.5 和 Babel 7.4 的示例代码：
-- ------------ ----- --- - --- ------- -- -------- ------ -- - - -- ------------------ ----
-- -------------
-
------------------ -
--------- ------
--------- -----------
--------- -----
------------------ -----
--------- ------
--
-------------- -----
-------- ----
--- --------
-
---------- -
-
--------------------
-
---------- -
----------- ------ - ---------- --- -- ----
-
-
-
--
----------------- ----
-来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672587df2e7021665e182ae7