涂涂

🔥 什么是热更新（HMR - Hot Module Replacement）？热模块替换（Hot Module Replacement, HMR）是前端开发中的一个优化机制，它允许在代码修改后不刷新整个页面，只更新变化的模块，从而加快开发效率，保持应用状态不丢失。🔥 Vite 的 HMR vs Webpack 的 HMRVite HMR原理利用浏览器原生 ESM，按需更新模块基于 WebSocket 监听变化，触发更新编译方式依赖ESBuild，即时编译速度快使用。

1.自动清理构建目录产物每次构建的时候不会清理目录。造成构建输出的目录output文件越来越多手动删除自动删除2.PostCSS插件autoprefixer自动补齐CSS3前缀对css功能的增强比如css3的使用autoprefixer即可自动补全前缀3.移动端CSS PX自动转换为rem原始的适配方式媒体查询那么提出了rem...

目录1.webpack核心概念之entry2.webpack核心用法之output3.webpack核心概念之loaders4.webpack核心之plugins5.webpack核心概念之mode6.解析es67.解析css,less和sass8.解析图片和字体9.webpack中的文件监听10.webpack中的热更新及原理分析11.文件指纹策略：c...

1.webpack默认配置文件：webpack.config.js可通过webpack --config 指定配置文件2.webpack配置包括：3.webpack环境搭建a.安装nodeb.安装webpack4.一个简单的例子a.首先建立一个文件：webpack.config.jsb.接着编写内容c.创建一个src文件夹存放代码d.在src...