首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
哎呀_我去
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
webpack打包产物解析及原理(含cjs/esm/代码分离/懒加载)
webpack打包产物解析及原理(含cjs/esm/代码分离/懒加载) 以下结论都是是通过一步一步实际测试,然后分析打包产物,来解析原理 以小见大,先从简单的入手 先纯cjs,在纯esm,在混用,在分
玩转 webpack,使你的打包速度提升 90%
webpack 打包优化并没有什么固定的模式,一般我们常见的优化就是拆包、分块、压缩等,并不是对每一个项目都适用,针对于特定项目,需要不断调试不断优化。 对于 webpack4,建议从零开始配置,在项目初期,使用 webpack4 默认的配置。 接下来,本篇文章会列出所有适用于…
Webpack打包优化:使用外链与拆包模式
找到原因,是 Highcharts 和 Element-UI占了较大体积,导致性能减弱。 程序小哥实战经验得出:外链简单粗暴,而拆包可以配合浏览器缓存,在每次发布最小化更新资源,比较实用。 考拉前端开发小哥Bingo,潜心钻研小程序开发。
「吐血整理」再来一打Webpack面试题
本文已收录在Github github.com/Geekhyt,欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到,面前坐着的这位面试官也是一把好手。我像以往一样,准备花3分钟的时间进行自我介绍。在此期间,我的目光被16寸的MacBook Pro所吸引,这次的自我介绍我做…
带你深度解锁Webpack系列(进阶篇)
三篇长文,带你解锁 Webpack ,希望读完这三篇文章,你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇,如果你还没有阅读《带你深度解锁Webpack系列(基础篇)》,建议阅读之后,再继续阅读本文。 本文会引入更多的 webpack 配置,如果文中有任…
Webpack优化——将你的构建效率提速翻倍
0. 背景 随着构建体系不断完善、构建体验不断优化,webpack 已经逐渐成为了前端构建体系的一大霸主,对于工作中的真正意义上的前端工程项目,webpack 已经成为了我们前端构建技术选型的不二选择,包括 create-react-app 以及 vue-cli 等等业内常见的…
霖呆呆的六个自定义Webpack插件详解-自定义plugin篇(3)
你盼世界,我盼望你无bug。Hello 大家好!我是霖呆呆! 有很多小伙伴在打算学写一个webpack插件的时候,就被官网上那一长条一长条的API给吓到了,亦或者翻阅了几篇文章之后但还是不知道从何下手。 而呆呆认为,当你了解了整个插件的创建方式以及执行机制之后,那些个长条的AP…
「一劳永逸」由浅入深配置webpack4
webpack在前端化过程中十分重要,所以花了一段时间学习webpack,以及webpack4新特性,本文是按照从易到难的过程,梳理部分webpack概念,常见的loader,plugins,webpack4新特新,还有部分高级概念。 Output: 如何命名输出文件,以及输出…
webpack原理
Entry:入口,Webpack 执行构建的第一步将从 Entry 开始,可抽象成输入。 Module:模块,在 Webpack 里一切皆模块,一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk:代码块,一个 Chunk 由…