自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除