写点什么

webpack

0 人感兴趣 · 124 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/45/45246d7f8caf3727a29206c49b17fbac.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Webpack5 构建性能优化:构建耗时从 150s 到 60s 再到 10s | 京东云技术团队

近期对Webpack5构建性能进行了优化,构建耗时从150s到60s再到10s,下面详细讲解下优化过程。

https://static001.geekbang.org/infoq/dd/ddfde98bc4ba1c36ff8edc29ef1f8cca.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

构建系列之 webpack 窥探上

webpack在前端的构建领域经历了多个时代,很多工程都在使用,也推动了web构建的发展,算是在web构建根深蒂固。今天来介绍下webpack出现的前世今生和其特点。

https://static001.geekbang.org/infoq/59/59c2c37cd1969ced9e17bd93623342f2.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

全栈开发实战|Vue 进阶——使用静态模块打包工具 webpack

用户头像
TiAmo
04-24

简介: 全栈开发实战|Vue进阶——使用静态模块打包工具webpack

https://static001.geekbang.org/infoq/03/03d2ae1a49909402c04158e13a157c29.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

vue 项目中 webpack-dev-server 的 open 和 host0.0.0.0 配置冲突

一个比较老的公司项目,webpack 用的 v3 版本,为了实现localhost、127.0.0.1和本机ip可以同时访问,webpack的devServer里的 host 我们一般会设置成 0.0.0.0,这样本机所有 ipv4 地址都可以实现访问。

给 webpack 提了一个 pr 之后......

我不是标题党啊,是真的给webpack提了一个pr,提交之后,脑子里就是一句话:“纸上学来终觉浅,绝知此事要躬行”。

Source Map 原理

Source Map 是一种 .map 结尾的文件类型,主要的作用是记录和源码有关的位置信息。JavaScript 从最开始的简单变得越来越复杂,大部分源码都要经过转换才能放到生产环境。一般情况下在 压缩、文件合并 和 语言转义 方面可以看到实际的运行代码不同于源码

https://static001.geekbang.org/infoq/38/38d1cdc3b6f7b2ca2e7f318a45b2dd4a.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 进阶(贰零柒):Webpack 性能优化措施汇总

从事前端开发的童鞋在面试过程中,多少都会遇到以下2个有关webpack编译过程性能问题:

Webpack 最佳实践

用户头像
Geek_02d948
2022-12-12

先简单回顾下 webpack 原理

Webpack 构建速度优化

用户头像
Geek_02d948
2022-12-12

当我们的项目越来越大,webpack的配置项越来越多时,构建速度会越来越慢,所以我们需要通过一些配置来提高webpack的构建速度。

Webpack 配置实战

用户头像
Geek_02d948
2022-12-12

本篇将从实践出发,搭建一个基础的支持模块化开发的项目,在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。

Webpack 中的高级特性

用户头像
Geek_02d948
2022-12-07

自从webpack4以后,官方帮我们集成了很多特性,比如在生产模式下代码压缩自动开启等,这篇文章我们一起来探讨一下webpack给我们提供的高级特性助力开发。

Webpack 完整打包流程分析

用户头像
Geek_02d948
2022-12-07

webpack 在前端工程领域起到了中流砥柱的作用,理解它的内部实现机制会对你的工程建设提供很大的帮助(不论是定制功能还是优化打包)。

Webpack 插件核心原理

用户头像
Geek_02d948
2022-12-07

围绕 Webpack 打包流程中最核心的机制就是所谓的 Plugin 机制。

深度解读 Webpack 中的 loader 原理

用户头像
Geek_02d948
2022-11-18

webpack 是一个现代 JavaScript 应用的静态模块打包器。那么 webpack 是怎样实现不同种类资源模块加载的呢?

详解 webpack 构建优化

用户头像
Geek_02d948
2022-11-18

当项目越来越复杂时,会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事,下面我们就从速度和体积两方面来探讨构建优化的策略。

Webpack 中的 plugin 插件机制

用户头像
Geek_02d948
2022-11-18

大家有没有遇到过这些问题:

你需要知道的 webpack 高频面试题

用户头像
Geek_02d948
2022-11-16

webpack是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件(图片,字体)等,让开发更高效。对于不同类型的依赖,webpack有对应的模块加载器,而且会

手写一个 webpack 插件

用户头像
Geek_02d948
2022-11-16

前端性能优化是一个老生常谈的话题,关于性能优化的技术文档和书籍都特别多。如果大家想深入学习前端性能优化相关内容,有以下推荐

webpack 配置完全指南

用户头像
Geek_02d948
2022-11-15

对于入门选手来讲,webpack 配置项很多很重,如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单,基础的配置可以分为以下几个方面: entry 、 output 、 mode 、 resolve 、 module 、 optimization 、

webpack 高级配置

用户头像
Geek_02d948
2022-11-15

我主要是想说摇树失败的原因(tree shaking 失败的原因),先讲下摇树本身效果

一文彻底读懂 webpack 常用配置

用户头像
Geek_02d948
2022-11-15

使用postcss-loader + autoprefixer

webpack 模块化的原理

用户头像
Geek_02d948
2022-11-14

在webpack中既可以书写commonjs模块也可以书写es模块,而且不用考虑浏览器的兼容性问题,我们来分析一下原理。

webpack 热更新原理 (面试大概率会问)

用户头像
Geek_02d948
2022-11-14

这里说明一下,webpack4和webpack5的配置信息或者显示信息可能有点区别

webpack 配置优化, 让你的构建速度飞起

用户头像
Geek_02d948
2022-11-14

越来越多的项目使用webpack5来构建项目了,今天给大家带来最前沿的webpack5配置,让我们代码在编译/运行时性能更好~我们会从以下角度来进行优化:

Webpack 构建速度优化

用户头像
Geek_02d948
2022-11-10

当我们的项目越来越大,webpack的配置项越来越多时,构建速度会越来越慢,所以我们需要通过一些配置来提高webpack的构建速度。

Webpack 配置实战

用户头像
Geek_02d948
2022-11-10

本篇将从实践出发,搭建一个基础的支持模块化开发的项目,在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。

webpack 实战,手写 loader 和 plugin

用户头像
Geek_02d948
2022-11-10

对于 webpack 来说, loader 和 plugin 可以算是需求程度最为广泛的配置项了。但是呢,单单止步于配置可能还不够。如果我们自己有时候想要 diy 一个需求,但是 webpack 又没有相关的 loader 和 plugin 。那这个时候我们可能就得开始造点轮子来供给自己使用了

Webpack 完整打包流程分析

用户头像
Geek_02d948
2022-11-08

webpack 在前端工程领域起到了中流砥柱的作用,理解它的内部实现机制会对你的工程建设提供很大的帮助(不论是定制功能还是优化打包)。

Webpack 插件核心原理

用户头像
Geek_02d948
2022-11-08

围绕 Webpack 打包流程中最核心的机制就是所谓的 Plugin 机制。

Webpack 最佳实践

用户头像
Geek_02d948
2022-11-08

先简单回顾下 webpack 原理

webpack_webpack技术文章_InfoQ写作社区