webpack构建速度优化
webpack构建速度优化
常规优化方法
分离基础脚本
- 使用
webpack.DllPlugin优化，其实并没有优化速度，只是把一些不需要经常变更的部分提前构建，之后只需要构建变更的部分就可以了，确实优化了时间 - 使用external,不构建基础脚本，使用外部脚本引入，确实减少了时间
多进程构建
- loader多进程，happypack，据测试没有提升速度，也许是webpack4.0已经使用了多进程
- 压缩多进程，
UglifyJsPlugin开启parallel: true稍微提升了一些速度
使用cache
- loader的cache开启，第一次不会有提升，之后提升巨大，一定要开启，强烈推荐
- 使用
HardSourceWebpackPlugin，再cache基础之上仍然有巨大的提升，强烈推荐
综上 使用缓存和剥离基础代码是优化的二种主要策略，多进程策略应该会在后续webpack版本中发挥越来越弱的作用。
webpack还是太烦，配置依然很多，难道前端工程一定要依赖webpack吗？
关注我的微信公众号，更多优质文章定时推送
推荐阅读
从零搭建 Node.js 企业级 Web 服务器（零）：静态服务
过去 5 年，我前后在菜鸟网络和蚂蚁金服做开发工作，一方面支撑业务团队开发各类业务系统，另一方面在自己的技术团队做基础技术建设。期间借着 Node.js 的锋芒做了不少 Web 系统，有的至今生气蓬勃、有的早已夭折...
乌柏木赞 172阅读 13.8k评论 10
正则表达式实例
收集在业务中经常使用的正则表达式实例，方便以后进行查找，减少工作量。常用正则表达式实例1. 校验基本日期格式 {代码...} {代码...} 2. 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊...
寒青赞 56阅读 8.4k评论 11
JavaScript有用的代码片段和trick
平时工作过程中可以用到的实用代码集棉。判断对象否为空 {代码...} 浮点数取整 {代码...} 注意：前三种方法只适用于32个位整数，对于负数的处理上和Math.floor是不同的。 {代码...} 生成6位数字验证码 {代码...} ...
jenemy赞 48阅读 6.9k评论 12
从零搭建 Node.js 企业级 Web 服务器（十五）：总结与展望
总结截止到本章 “从零搭建 Node.js 企业级 Web 服务器” 主题共计 16 章内容就更新完毕了，回顾第零章曾写道：搭建一个 Node.js 企业级 Web 服务器并非难事，只是必须做好几个关键事项这几件必须做好的关键事项就...
乌柏木赞 75阅读 7k评论 16
再也不学AJAX了！（二）使用AJAX ① XMLHttpRequest
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章，希望读者通过阅读本系列文章，能够对 AJAX 技术有更加深入的认识和理解，从此能够再也不用专门学习 AJAX。本篇文章为该系列的第二篇，最近更新于 2023 年 1...
libinfs赞 42阅读 6.8k评论 12
从零搭建 Node.js 企业级 Web 服务器（一）：接口与分层
分层规范从本章起，正式进入企业级 Web 服务器核心内容。通常，一块完整的业务逻辑是由视图层、控制层、服务层、模型层共同定义与实现的，如下图：从上至下，抽象层次逐渐加深。从下至上，业务细节逐渐清晰。视图...
乌柏木赞 45阅读 8.5k评论 6
从零搭建 Node.js 企业级 Web 服务器（二）：校验
校验就是对输入条件的约束，避免无效的输入引起异常。Web 系统的用户输入主要为编辑与提交各类表单，一方面校验要做在编辑表单字段与提交的时候，另一方面接收表单的接口也要做足校验行为，通过前后端共同控制输...
乌柏木赞 35阅读 6.6k评论 10
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。