首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端构建工具系列
微医前端团队
创建于2021-05-17
订阅专栏
构建工具系列文章,整个专栏会以Webpack、Vite、Rollup为核心展开,从框架基本原理分析到实现,以及在微医的最佳实践及架构级别的探索。
等 234 人订阅
共20篇文章
创建于2021-05-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
从 0 到 1 解读 rollup Plugin
rollup plugin 这篇文章读读改改,终于和大家见面啦。 讲道理,稀里糊涂直接看源码分析只会分分钟劝退我,而我只想分分钟写个 rollup 插件而已~~
十分钟了解vite如何支持react
vite 是基于浏览器支持 ESM 模块,,目前已支持vue、react、Svelte、Solid等主流框架,相信不少同学已经开始使用,并体验到“飞一般”的体验啦,下面我们来看看vite是如何支持
Module Federation 你的浪漫我来懂
前言 我们在实际开发中,经历过许多次的模块共享的场景。最常见的场景例如我们将代码封装后根据版本和环境的不同发布到公共平台或者私有平台,供不同项目进行使用,npm 工程化就是其中最日常的实践。
你怎么可以不了解 AST 呢?
在我们编写业务代码的时候,可能很少人会使用到AST,以至于大多数同学都不大了解AST。有的同学曾经学过,但是不去实践的话,过段时间又忘的差不多了。看到这里,你会发现说的就是你。听说贵圈现在写文章
webpack 最佳实践
本文讲述的最佳实践是从日常业务中总结而出的,不一定适合所有项目。毕竟每个公司或个人的项目不同,最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西,有问题的地方也欢迎大家积极吐槽指正。
Vue 2 系统如何快速迁移 Vite 作为开发工具
Vue2系统迁移Vite作为开发工具,将会以内部系统作为案例改造, 开发用 vite,生产依旧保持 webpack。
「Webpack」从0到1学会 code splitting
代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中,然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle,以及控制资源加载优先级
Webpack 实现 Tree shaking 的前世今生
众所周知,原本不支持 tree-shaking 的 Webpack 在它的 2.x 版本也实现了 tree-shaking,好奇心又来了,rollup 从一开始就自实现了 tree-shaking,而
【vite】你不知道的小妙招,确定不看一下吗?
本文将整理vite静态资源的几种处理方式,应用案例和源码分析相结合,带你10mins通关该模块知识。
Webpack - 手把手教你写一个 loader / plugin
loader 干啥的? 也就是说,webpack 把任何文件都看做模块,loader 能 import 任何类型的模块,但是 webpack 原生不支持譬如 css 文件等的
宝啊~谈谈Tapable
tapable 是一个类似于 Node.js 中的 EventEmitter 的库,但更专注于自定义事件的触发和处理。webpack 通过 tapable 将实现与流程解耦。
120 行代码帮你了解 Webpack 下的 HMR 机制
在使用Webpack Dev Server以后 可以让我们在开发工程中 专注于 Coding, 因为它可以监听代码的变化 从而实现打包更新,并且最后通过自动刷新的方式同步到浏览器,便于
rollup - 构建原理及简易实现
Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。
【Webpack】devServer 实验报告
Webpack 的使用目前已经是前端开发工程师必备技能之一。若是想在本地环境启动一个开发服务快速开发我们的应用(而不是每次 coding 完,手动执行 run build,全量打包),大家只需在
万字长文:关于sourcemap,这篇文章就够了
而今,只要是工程化的项目,大多离不开 sourcemap 的身影,一言蔽之:构建处理前的代码和处理后的代码之间的桥梁。但却很少有同学真的去深入了解它的运作原理。
无用代码去哪了?项目减重之 rollup 的 Tree-shaking
从 Webpack2.x 通过插件逐步实现 tree-shaking,到最近炙手可热的 Vite 构建工具也借助了 rollup 的打包能力,众所周知 Vue 和 React 也是使用 rollup
10 分钟搞懂 Vite devServer,速来围观!
分析 Vite version:2.2.3,和我来一场 vite server 探寻之旅吧~(*❦ω❦)
站在潮流前沿,快速实现一个简易版 vite
webpack 简易实现。本文最终实现的简易版 vite 可通过github 地址下载,代码实现地较为简单,可运行后再看此文。
下一页