Webpack-前端-掘金

1天前

120 行代码帮你了解 Webpack 下的 HMR 机制

在使用Webpack Dev Server以后可以让我们在开发工程中专注于 Coding，因为它可以监听代码的变化从而实现打包更新，并且最后通过自动刷新的方式同步到浏览器，便于

1473
54
21

120 行代码帮你了解 Webpack 下的 HMR 机制

4天前

build时顺便生成个zip压缩包，很难嘛?

都1202年了，你还在手动zip压缩？本文就教你使用webpack的FileManagerPlugin插件，妈妈再也不怕我被测试同事催打包了！

1076
35
11

2天前

10分钟带你升级webpack5

前言最近很多小伙伴们都在问vite都出来了，webpack还有必要升级到5么？vite是不是很快就要取代webpack了？针对这个问题，我个人观点是：适合你项目的构建工具就是最好的。当前前端的构建

1123
24
2

10分钟带你升级webpack5

1天前

记录前端xx国部署，如何去掉源代码内的所有中文？

记录前端xx国部署，如何去掉源代码内的所有中文？背景：由于政治问题，需要去xx国国内部署内部已有的平台（10+个）要求点：源代码内不能有跟国内本公司有关的所有关键字和图片，所有域名也要替换成xx

121
4
评论

记录前端xx国部署，如何去掉源代码内的所有中文？

5天前

Webpack4从入门到入土

Webpack 一、Webpack简介二、Webpack初体验三、Webpack性能优化四、webpack配置详解

230
2
评论

3天前

webpack可以做的事：处理各种资源，css、js、html、图片等代码转换、文件优化、代码分割、模块合并、自动刷新、代码校验、自动发布 1. 基本使用 1.安装这里使用webpack4版本

170
3
评论

18小时前

Webpack - 面试题汇总

哈喽大家好，我是一名大三在校学生，近期打算提前给自己找份实习工作，大家有好的实习岗位面试资料可以与我分享，谢谢！以下是有关Webpack的面试题前端面试题汇总 Webpack webpack与gru

91
3
评论

1天前

前端学习笔记-webpack学习

webpack三种哈希值 hash：跟整个项目的构建相关，构建生成的文件hash值都是一样的，只要项目里有文件更改，整个项目构建的hash值都会更改。（一般不用） chunkhash：根据不同的入口文

54
2
1

5天前

webpack4升级到webpack5在项目中尝试落地探索

有些老项目的包长时间没有更新，导致项目中有些性能问题，在项目迭代中考虑升级包，开始查找相关资料；简单“粗暴”的升级方式当然包升级后带来的一些问题，需要更全面的思考，此处先省略... 直接进入主题：

125
1
评论

1天前

多入口 Webpack 热更新失效？

前言 Webpack 对于现代前端开发者，想必是相当熟悉了，在很多项目中，应用非常广泛，而 webpack-dev-server，相信大家应该也都接触过。最近，作者在配置多入口，热更新在单入口是好使的

125
1
评论

多入口 Webpack 热更新失效？

1月前

做了一夜动画，让大家十分钟搞懂Webpack

做了一夜动画，让大家十分钟搞懂Webpack 一、什么是webpack webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。二、原理分析首先我们通过一个制作一个打包文件的原型。假设有两

3.6w
1097
70

5天前

那些高级/资深的前端是如何回答JavaScript面试题的（二）

看完这篇文章，你要是还搞不懂webpack编译流程算我输！教会你面试话术！教会你如何分析源码！教会你如何写一个webpack！

1801
77
8

那些高级/资深的前端是如何回答JavaScript面试题的（二）

2天前

脚手架学习-webpack入门

记录学习脚手架的过程，从浅入深的过程，通过输出，增加自己的记忆。记录不同脚手架的学习过程，学习遇到的一些问题等等

218
4
2

14天前

手把手带你入门Webpack Plugin

关于 Webpack 在讲 Plugin 之前，我们先来了解下Webpack。本质上，Webpack是一个用于现代 JavaScript 应用程序的静态模块打包工具。它能够解析我们的代码，生成对应的依

3747
114
18

手把手带你入门Webpack Plugin

11小时前

webpack入门级理解

首先，我们要知道的是webpack只干了一件大事儿：递归构建了一个依赖关系图，并打包生成了一个或多个bundle。

13
1
评论

2月前

当面试官问Webpack的时候他想知道什么

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

2.4w
1317
76

当面试官问Webpack的时候他想知道什么

1月前

Webpack4（一）

1 Webpack 简介 1.1 概述 webpack是一个开源的JavaScript模块打包工具，核心功能是解决模块之间的依赖，把各个模块按照特定规则和顺序组织在一起，最终合并为一个或者多个JS

1.4w
6
评论

1月前

Webpack4（二）

1 代码分片代码分片（code splitting）是webpack所特有的一项技术，可以将代码按照特定的形式进行拆分，不用一次全部加载而是按需加载，能有效降低首屏加载资源的大小。 1.1 Co

1.4w
6
评论

1月前

Webpack4（三）

1 开发优化 1.1 webpack 插件 1.1.1 webpack-dashboard webpack-dashboard是用来优化webpack日志的工具。根目录下为webpack.c

1.3w
3
评论

7天前

Webpack配置环境变量 - 避免踩坑

今天来讲一下Webpack配置环境变量，那么环境变量是干啥的。我们在开发项目中都会遇到这种场景，区分开发环境、生产环境、测试环境，不同场景请求不同的接口Api....

566
19
1

Webpack配置环境变量 - 避免踩坑