Webpack5 学习-Plugin原理

发布于 2024-06-28

Plugin 原理 Plugin 的作用通过插件我们可以扩展 webpack，加入自定义的构建行为，使 webpack 可以执行 …

Webpack5 学习-loader原理

发布于 2024-06-28

Loader 原理 loader 概念帮助 webpack 将不同类型的文件转换为 webpack 可识别的模块。 loader …

发布于 2024-06-28

Vue 脚手架开发模式配置 // webpack.dev.js const path = require(“path”); co

发布于 2024-06-28

React 脚手架开发模式配置 // webpack.dev.js const path = require(“path”);

发布于 2024-06-28

总结我们从 4 个角度对 webpack 和代码进行了优化：提升开发体验使用 Source Map 让开发或上线时代码报错能 …

发布于 2024-06-28

优化代码运行性能 Code Split 为什么打包代码时会将所有 js 文件打包到一个文件中，体积太大了。我们如果只要渲染首页， …

发布于 2024-06-28

减少代码体积 Tree Shaking 为什么开发时我们定义了一些工具函数库，或者引用第三方工具函数库或组件库。如果没有特殊处 …

发布于 2024-06-28

提升打包构建速度 HotModuleReplacement 为什么开发时我们修改了其中一个模块代码，Webpack 默认会将所有 …

发布于 2024-06-28

提升开发体验 SourceMap 为什么开发时我们运行的代码是经过 webpack 编译后的，例如下面这个样子： /* * AT …

发布于 2024-06-28

总结本章节我们学会了 Webpack 基本使用，掌握了以下功能：两种开发模式开发模式：代码能编译自动化运行生产模式：代码编 …