首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
构建工具
订阅
哎呀
更多收藏集
微信扫码分享
微信
新浪微博
QQ
25篇文章 · 0订阅
你的Tree-Shaking并没什么卵用
Tree-Shaking这个名词,很多前端coder已经耳熟能详了,它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的,因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分,并非需要全部,此时Tree-Shaking如果能帮助我们删除掉没有…
webpack系列之七-文件生成
经过前几篇文章我们介绍了 webpack 如何从配置文件的入口开始,将每一个文件转变为内部的 module,然后再由 module 整合成一个一个的 chunk。这篇文章我们来看一下最后一步 —— chunk 如何转变为最终的 js 文件。 上篇文章主要是梳理了在 seal 阶…
Tapable,看这一篇就够了
「万字解析」详解 Tapable 核心工作机制,Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ,真正精通所谓工程化前端。
AST 与前端工程化实战
AST 是一个非常基础但是同时非常重要的知识点,我们熟知的 TypeScript、babel、webpack、vue-cli 得都是依赖 AST 进行开发的。本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 第一次看见 AST 这个概念的时候还是在《…
Webpack 案例 —— vue-loader 原理分析
OK,如果你不是特别清楚,那接着往下看吧,下面我们会拆开vue-loader的代码,看看SFC内容具体是怎么流转转换,顺便还能学学 webpack loader 的编写套路。 如代码第16行,定义pitcher对象,指定loader路径为 require.resolve('./…
【webpack进阶】你真的掌握了loader么?- loader十问
1. loader 十问 在我学习webpack loader的过程中,也阅读了网上很多相关文章,收获不少。但是大多都只介绍了loader的配置方式或者loader的编写方式,对其中参数、api及其他细节的介绍并不清晰。 也许你也会有类似的疑问。下面我会结合loader相关的部…
Webpack Loader 机制浅析
在分析 Vue 文件编译过程时,囿于对其相关 loader 的流向不清晰,即使知道哪些 loader 发挥了什么作用,也总觉得是在雾里看花,不甚明了,于是准备走读源码分析下 loader 机制。 JS 不是一门易读的语言,为了节约时间,我先创建了一个简单的工程,借此我可以调试 …
看完这篇webpack-loader,不再怕面试官问了
比如有一个txt文件,我们想通过raw-loader来获取整个txt文件里面的字符串内容。除了使用统一webpack config配置的方式之外,我们还可以在引入的时候,用这样的语法来引入: 其实使用webpack.config文件统一配置loader后,最终也是会转成这种方式…
超硬核|带你畅游在 Webpack 插件开发者的世界
「万字长文」超硬核 !手把手带你实现开源 Webpack 插件项目,逐步带你走进Webpack开发者的世界。从此对于 Webpack 插件开发,真正做到 “知其然,知其所以然”。
[万字总结] 一文吃透 Webpack 核心原理
解析 webpack 核心流程与插件架构,理解: - Webpack 从启动到输出 bundle,内部逻辑流转过程 - 编写 webpack 插件前,你需要弄清楚哪些问题