写点什么

webpack

0 人感兴趣 · 36 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/a9/a90c5c3d1a8a243a9e2ca9c0f5404ea8.png?x-oss-process=image/resize,w_416,h_234

webpack 编译原理

用户头像
法医6 月 19 日

webpack 的作用是根据入口文件将源代码编译(构建、打包)成最终代码。中间经过webpack打包,打包的过程就是编译

https://static001.geekbang.org/infoq/68/680263aab17bb27984b971be67e31192.png?x-oss-process=image/resize,w_416,h_234

Webpack 简介

用户头像
编程三昧6 月 11 日

构建其实是工程化、自动化思想在前端开发中的体现,把一系列流程用代码去实现,让代码自动化地执行这一系列复杂的流程。 构建给前端开发注入了更大的活力,解放了我们的生产力。

https://static001.geekbang.org/infoq/e8/e839c6598d1e06aa5868331751a0306f.jpeg?x-oss-process=image/resize,w_416,h_234

Webpack 系列:如何编写 loader

用户头像
范文杰6 月 9 日

阅读了 20+ 个开源项目,我总结出来的关于 Webpack Loader 的关键知识点。

https://static001.geekbang.org/infoq/e8/e839c6598d1e06aa5868331751a0306f.jpeg?x-oss-process=image/resize,w_416,h_234

Webpack 系列 4:彻底理解 module.issuer 属性

用户头像
范文杰6 月 7 日

讲解 webpack 的 `module.issuer` 属性,内容涵盖该属性的作用、运行原理,并结合 webpack 实例讲解应用场景。

https://static001.geekbang.org/infoq/8a/8a07169671219d8e5aaee456eadf6ea1.jpeg?x-oss-process=image/resize,w_416,h_234

有点难的知识点:Webpack Chunk 分包规则详解

用户头像
范文杰6 月 4 日

Chunk 是什么?Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk?

https://static001.geekbang.org/infoq/e8/e839c6598d1e06aa5868331751a0306f.jpeg?x-oss-process=image/resize,w_416,h_234

有点难的 webpack 知识点:Dependency Graph 深度解析

用户头像
范文杰6 月 3 日

全文 2500 字,阅读时长约 30 分钟,围绕 webpack@v5.x 的 Dependency Graph 实现,从源码层面分析 webpack 中如何收集依赖,如何存储依赖信息,以及最后又是如何消费这些依赖关系,从而完成资源编译构建过程。

https://static001.geekbang.org/infoq/e8/e839c6598d1e06aa5868331751a0306f.jpeg?x-oss-process=image/resize,w_416,h_234

[万字总结] 一文吃透 Webpack 核心原理

用户头像
范文杰6 月 1 日

长文预警!万字总结 Webpack 核心流程与插件架构,带你深入理解从启动到输出 bundle,Webpack 内部逻辑流转与数据结构变化

vue+webpack+vue-cli

用户头像
4 月 30 日

webpack + vueCli优化配置

前端工程化 -webpack

用户头像
chun11234 月 27 日

1、Webpack 的构建流程主要有哪些环节?如果可以请尽可能详尽的描述 Webpack 打包的整个过程。

BUG!从编写 Loader 到窥探大佬 Debug 全过程

用户头像
HZFEStudio4 月 24 日

原文:BUG!从编写 Loader 到窥探大佬 Debug 全过程

关于 Webpack4 基础配置介绍

用户头像
Chalk4 月 3 日

Webpack4基础设置及参数记录

https://static001.geekbang.org/infoq/da/da0555f5ad22fe07326b0b73a6c6b71d.png?x-oss-process=image/resize,w_416,h_234

尤雨溪 Twitch 直播:下一代前端构建工具 ViteJS —— Open Source Friday

用户头像
清秋3 月 28 日

关于 Vite,来看看作者本人怎么说。本视频是 Vue 以及 Vite 作者 尤雨溪 在 2021 年 2 月 12 日在 Twitch 上做客 GitHub Open Source Friday 节目的直播视频。在视频里有尤大关于 Vite 的各项功能的详细阐述、大佬 diss webpack 等内容。

Webpack 基石 tapable 揭秘

webpack基于tapable构建了其复杂庞大的流程管理系统,基于tapable的架构不仅解耦了流程节点和流程的具体实现,还保证了webpack强大的扩展能力;学习掌握tapable,有助于我们深入理解webpack。

深度分析前端构建工具:Vite2 v.s Snowpack3 v.s. Webpack5

用户头像
智联大前端3 月 9 日

Vite一经发布就吸引了很多人的关注,NPM下载量一路攀升。而在Vite之前,还有Snowpack也同样采用了No-Bundler构建方案。那么No-Bundler模式与传统老牌构建工具Webpack孰优孰劣呢?能否实现平滑迁移和完美取代?一起来看看Vite2、Snowpack3和Webpack5吧!

https://static001.geekbang.org/infoq/bc/bc1c7606373299ca73c5a0461e467bdb.jpeg?x-oss-process=image/resize,w_416,h_234

webpack | 谈谈 webpack 的本质

用户头像
梁龙先森1 月 30 日

通过Tapable实现webpack compiler的事件机制。

https://static001.geekbang.org/infoq/80/80c9ac742fa6d7f823121af3a3a8bcbc.jpeg?x-oss-process=image/resize,w_416,h_234

记录一下我离线依赖迁移安装的具体尝试过程

用户头像
blueju1 月 11 日

记录一下我离线依赖迁移安装的具体尝试过程

https://static001.geekbang.org/infoq/fe/fe522467ab8af3c43027d6ada88d0db9.png?x-oss-process=image/resize,w_416,h_234

为什么说 rollup 比 webpack 更适合打包库

用户头像
fengxianqi2020 年 12 月 29 日

从实际打包体积来说明一下rollup比webpack更适合打包js

https://static001.geekbang.org/infoq/bc/bc1c7606373299ca73c5a0461e467bdb.jpeg?x-oss-process=image/resize,w_416,h_234

源码 | 浅谈 Webpack 原理,以及 loader 和 plugin 实现。

用户头像
梁龙先森2020 年 11 月 30 日

通过源码理解webpack5原理和构建过程,以及raw-loader和cros-plugin插件实现,手撸最简webpack。

https://static001.geekbang.org/infoq/26/26f1b0c6abcebd03808395404ed82a0a.png?x-oss-process=image/resize,w_416,h_234

[修复 Webpack 官方 Bug] 提取 CSS 时的依赖图修正

用户头像
分一2020 年 8 月 14 日

手把手带你通过编写 plugin, 修复 Webpack 4 官方 Bug。

https://static001.geekbang.org/infoq/cf/cf9164260c136b7325b322a69ed11f79.jpeg?x-oss-process=image/resize,w_416,h_234

谈一谈 webpack 打包

用户头像
林浩2020 年 8 月 2 日

This Is The Little Toy-Webpack-Bundler Demo

webpack_webpack资料文章-InfoQ写作平台