首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
立里哩哩
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 1订阅
【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码?
所有人都知道 Webpack 很复杂,但 Webpack 的源码却很优雅,是一个典型的可插拔架构,不仅逻辑清晰,而且灵活好扩展。近几年出来的一些构建工具,大多也都参考了 Webpack 的这种架构方式
【万字长文|趣味图解】彻底弄懂Webpack中的Loader机制
前端发展到了今天,web应用越来越复杂和庞大,前端技术迅猛发展,各路大神各显神通,多种优秀的前端框架、新语言和其他相关技术(如下图所示)不断涌现,这些都极大地提高了我们的开发效率。面对这些框架所衍生出
你了解webpack中配置的loader的执行顺序吗?
loader的真实执行顺序和他们在rule中配置的顺序、loader类型(pre,normal,post,inline)、以及loader中在pitching中返回的内容都有关!
分享一份 Webpack 知识图谱
二更,在线地址:https://gitmind.cn/app/doc/fac1c196e29b8f9052239f16cff7d4c7 内容稍有 diff,以线上为准 直接贴图:
你不知道的webpack静态文件生成过程
webpack中静态文件生成的原理,细节还是非常多的,通过本文对详细过程分析以及一些demo实践,逐步揭开静态文件生成的面纱,希望可以帮助到你
手写webpack核心原理,再也不怕面试官问我webpack原理
需要读到入口文件里面的内容。 分析入口文件,递归的去读取模块所依赖的文件内容,生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入,再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…
为什么能快乐的在 esm 中使用 cjs 模块
对于我们现在的 web 开发项目中,我们快乐的使用着 export/import 来进行模块化开发。好像一切原本就这么简单~ 但是我们也知道, esm 是es6 才在规范中引入。在此之前 js 语言规范中并没有模块化一说(当然,以前 web 也没有那么复杂)。 cjs 就是在没…
编写自定义webpack插件从理解Tapable开始
在上篇文章《Webpack源码解读:理清编译主流程》中,大体了解了webpack的编译主流程,其中我们跳过了一个重要内容Tapable。webpack 插件向第三方开发者提供了钩入webpack引擎中的编译流程的方式,而Tapable是插件的最核心基础。 本文首先分析Tapab…
「吐血整理」再来一打Webpack面试题
本文已收录在Github github.com/Geekhyt,欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到,面前坐着的这位面试官也是一把好手。我像以往一样,准备花3分钟的时间进行自我介绍。在此期间,我的目光被16寸的MacBook Pro所吸引,这次的自我介绍我做…
「搞点硬货」从源码窥探Webpack4.x原理
随着多终端设备的迅速普及,Web前端开发的复杂性和应用场景日益扩大,Webpack在前端构建演变的工程化浪潮中担当起了针对不同应用场景打包的大任。 如今,Webpack可谓是JavaScript社区最伟大的项目之一。 本文力争从源码层面窥探Webpack的实现原理。文中出示了核…