网站首页 > 技术文章 正文
不知不觉webpack已经来到了第5个主要版本,作为目前前端最流行的打包工具之一,新版本的webpack主要带来了哪些新特性,让我们一一盘点一下。
更快的构建速度
缓慢的构建一直是开发人员对Webpack抱怨点之一。现在,模块打包提供了一个可选的文件系统缓存。通过设置合适的缓存系统,我们可以大大加快构建速度,大大提高开发人员的工作效率。
更高的版本要求
nodejs的版本做了提升,抛弃了旧的版本,使用10.13以上版本,这让可以移除掉大量的历史遗留代码。添加了实验性的WebAssembly,Async Web Assembly,Await等特性,为日后的升级做了准备。
更灵活的模块组合
允许多个Webpack构建协同工作。webpack5允许不同的应用程序从不同版本的webpack动态加载代码。通过更灵活的模块组合,我们可以构建更灵活的前端架构。
更智能的缓存优化
通过缓存,访问应用程序的可以得到非常满意的加载体验。使用webpack 5,我们对局部模块代码的修改,不会影响其它模块的缓存,这样我们可以大大提高我们开发应用的体验。
更小的体积
新版本的webpack对代码进行了模块化的管理,可以检测到无用代码,可以删除未使用的代码,可以删除模块内部的代码,打包后的体积将会大幅度缩小。
猜你喜欢
- 2024-10-09 webpack使用干货(webpack实战 入门进阶与调优)
- 2024-10-09 Webpack 3.X-4.X升级记录(webpack3升级webpack4)
- 2024-10-09 说说如何借助webpack来优化前端性能?
- 2024-10-09 一个前端项目转换工具(前端怎么转型产品)
- 2024-10-09 网页爬虫之WebPack模块化解密(JS逆向)
- 2024-10-09 Webpack 4.0发布,放弃支持Node.js4,性能大幅提升!
- 2024-10-09 Webpack4 学习 - 04:使用 Plugins 插件
- 2024-10-09 了不起的 Webpack HMR 学习指南(下)「含源码讲解」
- 2024-10-09 webpack Code Splitting浅析(webpack理解)
- 2024-10-09 如何减 Webpack打包时间,优化Loader,HappyPack,DllPlugin,压缩
- 最近发表
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- mysqlany_value (79)
- static函数和普通函数 (84)
- el-date-picker开始日期早于结束日期 (76)
- js判断是否是json字符串 (75)
- c语言min函数头文件 (77)
- asynccallback (87)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 无效的列索引 (74)