webpack其实在他的构建过程中,是有一个步骤,也就是将所有的一个模块进行一个编译处理,就可以在以下的几点做的优化处理
首先第一个 既然他要去查找文件,那我们就让他查找的范围缩小,从而提升他的一个查找效率
比方说:
我们就可以用一些常用的配置,比方说alias、extensions这些配置进行一个范围的缩小
第二点:
就是减少需要解析的一个文件,比方说我们就可以使用什么noparse进行一个配置,告诉我们的webpack哪些文件是不需要解析的
第三点:
其实就是避免去重复的编译第三方库,因为我们都知道我们这个项目中,第三方库是非常多的,比方说我们用到的Echarts、Element-UI等等,这些库我们就可以把它单独打包到一个文件中,这样它不会随着我们的一些业务文件的改变而重新打包,这样子就能提高webpack的一个构建速度
还有一点: 在我们webpack对代码进行一个压缩打包的时候,那么我们如果有多个JS需要被压缩,那么他会一个个的进行压缩,这种时候的性能是非常差的,比让说thread loader这种插件来开启多个子进程,采用并行的方式对多个js文件进行一个压缩打包,从而提升webpack的性能优化
本文作者:姚文罡
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!