2024-03-25
webpack
00
请注意,本文编写于 241 天前,最后修改于 240 天前,其中某些信息可能已经过时。

目录

首先,要有一个总的开头

首先,要有一个总的开头

webpack其实在他的构建过程中,是有一个步骤,也就是将所有的一个模块进行一个编译处理,就可以在以下的几点做的优化处理

首先第一个 既然他要去查找文件,那我们就让他查找的范围缩小,从而提升他的一个查找效率

比方说:

我们就可以用一些常用的配置,比方说alias、extensions这些配置进行一个范围的缩小

第二点:

就是减少需要解析的一个文件,比方说我们就可以使用什么noparse进行一个配置,告诉我们的webpack哪些文件是不需要解析的

第三点:

其实就是避免去重复的编译第三方库,因为我们都知道我们这个项目中,第三方库是非常多的,比方说我们用到的Echarts、Element-UI等等,这些库我们就可以把它单独打包到一个文件中,这样它不会随着我们的一些业务文件的改变而重新打包,这样子就能提高webpack的一个构建速度

还有一点: 在我们webpack对代码进行一个压缩打包的时候,那么我们如果有多个JS需要被压缩,那么他会一个个的进行压缩,这种时候的性能是非常差的,比让说thread loader这种插件来开启多个子进程,采用并行的方式对多个js文件进行一个压缩打包,从而提升webpack的性能优化

如果对你有用的话,可以打赏哦
打赏
ali pay
wechat pay

本文作者:姚文罡

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!