首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Webpack
订阅
前端菜13
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
Webapck5核心打包原理全流程解析
「万字解析」300行代码梳理webpack核心工作流源码,从工程化出发,真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界,真正对应用webpack了然于胸。
Tapable,看这一篇就够了
「万字解析」详解 Tapable 核心工作机制,Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ,真正精通所谓工程化前端。
深入浅出之 Source Map
一、什么是 Source Map 通俗的来说, Source Map 就是一个信息文件,里面存储了代码打包转换后的位置信息,实质是一个 json 描述文件,维护了打包前后的代码映射关系。关于 Sour
妈妈再也不用担心我的优化|Webpack系列(二):SplitChunksPlugin源码讲解
上期通过项目优化分享和实例解析:在淘宝优化了一个大型项目,分享一些干货(代码实例,图文结合),把 webpack 打包优化利器 SplitChunksPlugin 系统讲解了一遍。本期进一步深入,分析 SplitChunksPlugin 源码,搞清楚 webpack 是怎么和 …
在淘宝优化了一个大型项目,分享一些干货(Webpack,SplitChunk代码实例,图文结合)
本项目是淘系用户增长团队的一个大中台系统,单页应用,涵盖很多业务功能,运用了很多懒加载页面组件来提升性能,首屏时间 1s 左右,体验良好。然而大项目文件很多,导致构建和发布时间很长,内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上,而在于开发…
从vue-loader源码分析CSS Scoped的实现
虽然写了很长一段时间的Vue了,对于CSS Scoped的原理也大致了解,但一直未曾关注过其实现细节。最近在重新学习webpack,因此查看了vue-loader源码,顺便从vue-loader的源码中整理CSS Scoped的实现。 本文展示了vue-loader中的一些源码…
webpack系列之一总览
webpack 对于每个前端儿来说都不陌生,它将每个静态文件当成一个模块,经过一系列的处理为我们整合出最后的需要的 js、css、图片、字体等文件。来自官网的图很形象的阐述了 webpack 的功能 —— bundle js / css / ... (打包全世界ヾ(◍°∇°◍)…
webpack 编译原理(How webpack compiles)
大力智能前端基础架构团队在为业务项目优化编译速度的过程中,对基于 webpack 的编译过程进行了研究。本文对此进行展开在源码层面讲解 webpack 的编译原理。
三千字基于 HMR 插件解析 Webpack 源码
本文由团队成员 [咕噜](https://github.com/ShinyLeee) 撰写,已授权涂鸦大前端独家使用,包括但不限于编辑、标注原创等权益。
剖析 Webpack SplitChunksPlugin 源码: 学完你也能写一个
上个月团队很多人都在反馈有个项目打包速度越来越慢,打包发布一次至少要半个小时,这个速度不仅我们接受不了,测试那边也多次反馈发布进度卡在前端,因此对该项目进行了打包优化.