- 博客(4)
- 收藏
- 关注
原创 前端构建这十年
写在前面前端模块化/构建工具从最开始的基于浏览器运行时加载的 RequireJs/Sea.js 到将所有资源组装依赖打包 webpack/rollup/parcel的bundle类模块化构建工具,再到现在的bundleless基于浏览器原生 ES 模块的 snowpack/vite,前端的模块化/构建工具发展到现在已经快 10 年了。本文主要回顾 10 年间,前端模块化/构建工具的发展历程及其实现原理。看完本文你可以学到以下知识:模块化规范方案前端构建工具演变,对前端构建有一个系统性认识各个工
2021-08-12 20:54:14
140
原创 深入 Parcel架构与流程
本篇文章是对 Parce 的源码解析,代码基本架构与执行流程,带你了解打包工具的内部原理,在这之前你如果对 parcel 不熟悉可以先到 Parcel官网 了解介绍下面是偷懒从官网抄下来的介绍:极速零配置Web应用打包工具极速打包Parcel 使用 worker 进程去启用多核编译。同时有文件系统缓存,即使在重启构建后也能快速再编译。将你所有的资源打包Parcel 具备开箱即...
2019-09-27 09:34:16
1026
1
原创 深入 CommonJs 与 ES6 Module
目前主流的模块规范UMDCommonJses6 moduleumd 模块(通用模块)(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define...
2019-09-27 09:32:19
818
原创 如何写一个自己的脚手架 - 一键初始化项目
如何写一个自己的脚手架 - 一键初始化项目介绍脚手架的作用:为减少重复性工作而做的重复性工作即为了开发中的:编译 es6,js 模块化,压缩代码,热更新等功能,我们使用webpack等打包工具,但是又带来了新的问题:初始化工程的麻烦,复杂的webpack配置,以及各种配置文件,所以就有了一键生成项目,0 配置开发的脚手架本文项目代码地址本文以我司的脚手架工具 简化之后为基础本系列分 3...
2019-09-27 09:30:05
783
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人