正如我前面提到的那样,我们提到的是,在开发模式中使用第一个屏幕性能下降将产生负面影响。为什么降低了第一个屏幕的性能,一方面有必要完成预备构造以响应第一个屏幕请求;另一方面,有必要对请求文件进行真实的时间转换。
也许有些学生会问他们是否可以优化这两个方面以提高第一个屏幕性能?原则上,没有问题,也可以做到。并将文件转换为预处理和内容转换,效果非常好。
今天,我将与您交谈如何使用本文来提高性能。
首先,小小的带每个人都简要理解。官方地址是:Esbuild。
这是一种基于语言的包装工具,最大的功能是快速的。
借助官方网站提供的图片,我们可以清楚地看到性能的表现:
对于相同规模的项目,可以提高包装速度的使用,这是对那些因缓慢包装速度而遭受酷刑的开发人员的福音。
如此快速原因的主要原因是:
不复杂。它为外界提供了两个野马,这非常易于使用。
转换的含义。通过此API,我们可以转换格式的内容。负责文件的内容转换,它不会生成新文件。
根据指定的单个或多个入口,构造的含义分析依赖性,并将不同格式的内容用于JS内容来生成一个或多个文件。
这两种使用方法:
关于需要传递的特定配置项目,本文将不会详细说明。官方网站对此文章有详细的解释。有兴趣的学生可以去官方的网站简单选项,高级选项,也可以自己独自完成。
喜欢并等待施工工具,它还提供了外部用途的外部用途,因此我们可以干预包装过程的构建。
在这里应该解释说,只能在参数中进行配置,而不是。
标准的标准格式如下:
其中,我们可以帮助我们在各种过程中注册。
外部规定相对简单,总共有一个:
它是...我们可以在过程中分析,加载模块内容,构建开始并构建结束阶段干预并进行自定义操作。
了解基本用法后,小小的将带您查看如何使用准备和内容转换。
让我们回顾一下为什么要进行准备构造。
有两个原因:
完成预备结构的两个最关键的要点是要找到项目中的所有第三个依赖关系,并合并并转换为第三方依赖关系。在帮助的情况下,这两个要求很容易达到。
通过这种方式,通过两次,准备结构完成了。
启动后实现了中间源文件的转换。
当浏览器启动请求时,它将通过相应的请求进行处理,然后处理内容将返回到浏览器。
源文件的处理分为四个过程:
在处理步骤中,通过实现使用每个处理源文件非常简单且快速。
有人说,优化制备和内容转换的想法很棒,它为我们提供了未来处理类似问题的解决方案,并真诚地赞美您。
此外,除使用外,内部可以使用许多优化技术。将来,将有机会详细告诉您。
最后,如果这篇文章对每个人都有帮助,让我们喜欢它。每个人的支持是编辑前进的动机。
作者:Baiing Front -End团队