Webpack5 学习-react脚手架
发布于 2024-06-28
React 脚手架 开发模式配置 // webpack.dev.js const path = require(“path”);
Webpack5 学习-优化-优化代码运行性能
发布于 2024-06-28
优化代码运行性能 Code Split 为什么 打包代码时会将所有 js 文件打包到一个文件中，体积太大了。我们如果只要渲染首页， …
Webpack5 学习-优化-减少代码体积
发布于 2024-06-28
减少代码体积 Tree Shaking 为什么 开发时我们定义了一些工具函数库，或者引用第三方工具函数库或组件库。 如果没有特殊处 …
Webpack5 学习-优化-提升打包构建速度
发布于 2024-06-28
提升打包构建速度 HotModuleReplacement 为什么 开发时我们修改了其中一个模块代码，Webpack 默认会将所有 …
Webpack5 学习-优化-提升开发体验
发布于 2024-06-28
提升开发体验 SourceMap 为什么 开发时我们运行的代码是经过 webpack 编译后的，例如下面这个样子： /* * AT …
Webpack5 学习-基础配置总结
发布于 2024-06-28
总结 本章节我们学会了 Webpack 基本使用，掌握了以下功能： 两种开发模式 开发模式：代码能编译自动化运行 生产模式：代码编 …
Webpack5 学习-Css 处理
发布于 2024-06-28
Css 处理 提取 Css 成单独文件 Css 文件目前被打包到 js 文件中，当 js 文件加载时，会创建一个 style 标签 …
Webpack5 学习-生产模式介绍
发布于 2024-06-28
生产模式介绍 生产模式是开发完成代码后，我们需要得到代码将来部署上线。 这个模式下我们主要对代码进行优化，让其运行性能更好。 优化 …
Webpack5 学习-开发服务器&自动化
发布于 2024-06-28
开发服务器&自动化 每次写完代码都需要手动输入指令才能编译代码，太麻烦了，我们希望一切自动化 1. 下载包 npm i w …