Webpack

目前，大多数时候前端项目是单页应用，只有一个`index.html`文件。然而，有些时候我们需要使用到多页应用，即多个`html`文件。 比如，笔者有一个PC端项目，后期迭代时需要支持移动端，由于交

微前端，乾坤/qiankun切换应用样式丢失-动态修复，基于webpackPrefetch 生成的 link[rel="prefetch"]

在实际开发中，开发环境和生产环境的配置有很多是相同的，例如都会配置相同的entry。考虑到代码的复用性和可维护性，我们通常要把相同的配置提取出来，以供开发环境和生产环境来使用。

Webpack是前端热门打包工具，是前端工程化的根基，在Webpack眼中，万物皆模块，因此Webpack打包的核心目的其实就是把所有模块都打包到一个文件

前言 大家好这里是阳九,一个文科转码的野路子全栈码农,热衷于研究和手写前端工具(现在是全栈了). 啃webpack源码也有一阵子了 今天来盘点一些webpack源码中的一些通用优化策略 看看这些库的底

在 JS 模块中，我们可以通过 import() 语法动态导入某个模块，也就是懒加载模块，那么 webpack 是如何处理懒加载的呢？

你想让你的webpack项目构建更快吗？你想知道webpack详细的构建流程吗？看完本篇之后，你或许会有一定的收获。

本文从早期的前端页面开发方式切入，讲述了随着代码规模上升、协作人数增多，遇到的各种问题，引出了模块化、包管理、构建工具、代码规范、CICD五个方面的内容。前端工程化领域不断出现的新工具...

最近一直在尝试对项目构建性能进一步优化， 除了webpack常用的一些优化方式，比如缓存优化、多进程优化等，也尝试在项目内使用swc及esbuild，以进一步提高构建速度

入口 入口是指定webpack使用哪个模块(js文件),来作为构建其内部依赖图的开始,进入入口之后,webpack会找到有哪些模块和库是入口文件直接或间接依赖的 创建webpack.config.js

前端工程化之Webpack入门 前端工程化已经成为现代前端开发中必不可少的一部分。其中Webpack作为前端工程化中最重要的构建工具之一，被广泛应用于各类前端框架和项目当中。本文将简单介绍Webpac

webpack的插件本质上是基于事件流的机制，它的工作流程就是将各个插件串连起来，而实现这一切的核心就是Tapable。Tapable有点类似于nodejs的EventEmitter库，核心原理也是依

上篇主要梳理了Webpack基础配置和Vue文件打包，本篇将介绍CSS和图片文件打包、常用插件，以及ES6语法解析，并对上下篇进行总结。

从编译入口->make->seal，然后进行seal阶段整体流程的概述（以流程图和简化代码的形式），然后根据流程图抽离出来的核心模块展开具体的分析

webpack推动了前端工程化的发展，是所有前端程序员不可绕过的一座大山，本文就从webpack的打包原理，loader、plugin的实现原理，还有相关优化手段谈谈对webpack的理解

Vue有提供官方脚手架Vue-cli，但很多人儿在在刚入门的时候不明白它的工作原理，Vue-cli到底默默地完成了哪些事情呢？

本文将带大家快速地学会在 webpack 5 进行模块联邦功能的配置。将构建两个单独的单页应用程序（SPA），并使用模块联邦在运行期间共享组件。

webpack是一个传统的 JavaScript 模块打包工具，凭借其强大的扩展能力，可以通过loader转换文件，通过plugin扩展功能。

学习初衷 在学习之前，我对 babel 的第一印象: 熟悉而又陌生。 为什么熟悉？ 因为在开发过程中，我了解： TypeScript 转化为 JavaScript，需要 babel 处理 React