玖叶教程网

前端编程开发入门

webpack5的新特性(webpack的基本功能和基本原理)

不知不觉webpack已经来到了第5个主要版本,作为目前前端最流行的打包工具之一,新版本的webpack主要带来了哪些新特性,让我们一一盘点一下。




更快的构建速度

缓慢的构建一直是开发人员对Webpack抱怨点之一。现在,模块打包提供了一个可选的文件系统缓存。通过设置合适的缓存系统,我们可以大大加快构建速度,大大提高开发人员的工作效率。

更高的版本要求

nodejs的版本做了提升,抛弃了旧的版本,使用10.13以上版本,这让可以移除掉大量的历史遗留代码。添加了实验性的WebAssembly,Async Web Assembly,Await等特性,为日后的升级做了准备。

更灵活的模块组合

允许多个Webpack构建协同工作。webpack5允许不同的应用程序从不同版本的webpack动态加载代码。通过更灵活的模块组合,我们可以构建更灵活的前端架构。

更智能的缓存优化

通过缓存,访问应用程序的可以得到非常满意的加载体验。使用webpack 5,我们对局部模块代码的修改,不会影响其它模块的缓存,这样我们可以大大提高我们开发应用的体验。

更小的体积

新版本的webpack对代码进行了模块化的管理,可以检测到无用代码,可以删除未使用的代码,可以删除模块内部的代码,打包后的体积将会大幅度缩小。


发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言