网站首页 > 技术文章 正文
Webpack 4.0已经发布,其改进包括重写插件系统和WebAssembly支持。据报道,它作为JavaScript模块管理器的新版本速度提高了98%。
测试人员已经报道了性能的提高,可看到构建时间减少60%到98%,一些构建从9小时到12分钟。开发人员针对性能的提升表示,“这为我们提供了可能,主要是从现在已经修复的装载程序和插件中找出一些关键的阻塞错误。”
对性能的一些改进是由于插件系统的新版本,这意味着事件钩子和处理程序是单态的。Webpack也放弃了Node.js 4。根据开发人员的说法,这使得他们可以添加大量更新的ES6语法和数据结构,这些结构也通过V8进行了优化。
新版本中增加了额外的模块类型,并支持.mjs。到目前为止,JavaScript已经成为Webpack中唯一的一流模块类型,这意味着它不可能有效地拥有其他软件包,如CSS/HTML。开发人员在此版本中删除了特定的JavaScript限制,而当前的API有五种模块类型。除JavaScript./auto之外,新版本还支持EcmaScript模块;CommonJS和AMD;JSON;和WebAssembly。开发人员计划未来对CSS和HTML模块类型的支持。
另一个有用的改进是添加了一个名为mode的新配置属性,可以将其设置为开发或生产以提供合理的默认值。在生产中,默认设置旨在提供:
小输出尺寸。
运行时的快速代码。
省略仅限于开发的代码。
不公开源代码或文件路径。
易于使用的输出assets。
开发方案集中提供:
更好的浏览器内调试工具。
为快速开发周期快速增量编译。
运行时更好的纠错消息。
猜你喜欢
- 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 Webpack4 学习 - 04:使用 Plugins 插件
- 2024-10-09 了不起的 Webpack HMR 学习指南(下)「含源码讲解」
- 2024-10-09 webpack5的新特性(webpack5 module federation)
- 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)