首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
前端懂王
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
谈一谈Webpack 的SplitChunks
webpack官网中,有这么一句话,我不是很认同: 可以说,性能优化最重要的部分就是懂得如何分包了。因此,就来谈谈webpack中的分包。
一步一步的了解webpack4的splitChunk插件
webpack4出了两个月,发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo,都觉得不太满意或者没得到太好的解惑,issue 下面的问题也没什么人回复,只能自己操作了,顺便记录下来,如果大家有更好的,欢迎评论区留下地址。 maxAsyn…
从零到亿系统性的建立前端构建知识体系✨(开篇)
构建体系作为前端工程化中的重要一环,是每一个中级前端跃升高级前端的必经之路,同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理,本系列将以此为宗旨,帮助大家从零到一系统性的建立构建知识体系。
[万字总结] 一文吃透 Webpack 核心原理
解析 webpack 核心流程与插件架构,理解: - Webpack 从启动到输出 bundle,内部逻辑流转过程 - 编写 webpack 插件前,你需要弄清楚哪些问题
Webpack深度进阶:两张图彻底讲明白热更新原理!
在现如今,热更新早已成为前端基建中不可或缺的一环,它可以在不刷新整个页面的情况下更新页面中的部分内容,从而提高开发效率,优化开发体验。然而,在实际面试的过程中,笔者发现 80% 的人并不清楚这其中的设
轻松理解webpack热更新原理
一种是页面刷新,不保留页面状态,就是简单粗暴,直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换,只需要局部刷新页面上发生变化的模块,同时可以保留当前的页面状态,比如复选框的选中状态、输入框的输入等。…
webpack打包原理 ? 看完这篇你就懂了 !
[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗?Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…
webpack loader实战——手撕8个常用loader
webpack作为目前主流的前端构建工具,我们几乎每天都需要与它打交道。是一个足够开放的类库,提供了可插拔的方式去自定义一些配置,包括配置 loader和plugin,本篇我们主要讨论loader
漫谈构建工具(二): 聊一聊 Vite 的预构建和二次预构建
之前在使用 Vite 的时候,经常会遇到这种情况:项目启动以后,不管是首屏还是页面懒加载,如果发现有未进行预构建的第三方依赖,那么 Vite 就会重新预构建,然后触发页面的 reload。重复的页面l
在淘宝优化了一个大型项目,分享一些干货(Webpack,SplitChunk代码实例,图文结合)
本项目是淘系用户增长团队的一个大中台系统,单页应用,涵盖很多业务功能,运用了很多懒加载页面组件来提升性能,首屏时间 1s 左右,体验良好。然而大项目文件很多,导致构建和发布时间很长,内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上,而在于开发…