浏览器未支持模块化时 背景 浏览器解析html时，是不识别require函数的，也就是说html是不支持模块引入的，而我们开发项目需要模块化开发，怎么办呢？ 比如我们现在创建了index.js、add

1.参考资料 1.Module Federation官方文档 2.Module Federation入门 3.Webpack 5：Module Federation 2.Webpack5模块联邦 ne

前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

前言 最近一直在看 webpack 相关的知识，无论是相关的打包流程，还是一些更深层次的原理，都想以我的角度，一种更为浓缩的方式分享给大家，思来想去，手写 webpack 似乎是一个不错的方式，在这里

搭建webpack环境 创建一个项目 目录结构 webpack版本 这里说明一下，webpack4和webpack5的配置信息或者显示信息可能有点区别 编写配置文件 新建文件 package.json

面试官灵魂三连问：你用过webpack么，它的原理是什么？ 你还知道些构建工具，各有什么优缺点？ 你在项目中有配置过么，在哪些场景配置过？

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack

Webpack认为一切都是模块，如JS文件、CSS文件、jpg和png图片等都是模块。Webpack会把所有这些模块都合并为一个JS文件，这是它最本质的工作。

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）