JHY97的博客

Webpack5相关知识点（二）- 优化 （3）- 优化代码运行性能

Webpack5相关知识点（二）- 优化 （2）- 减少代码体积

Webpack5相关知识点（二）- 优化 （1）- SourceMap、提升打包构建速度

Webpack5相关知识点（一）- 基础（5）- 生产模式以及css处理

Webpack5相关知识点（一）- 基础（4）- 处理JS资源、html资源、开发服务器以及自动化

Webpack5相关知识点（一）- 基础（3）- 处理图片资源、修改输出文件目录、自动删除上次打包内容、处理字体图标资源、处理其他资源

目录一、基本配置1.1 核心概念1.2 基本配置1.2.1 准备 Webpack 配置文件1.2.2 修改配置文件二、处理样式资源2.1 css样式资源2.1.1 下载css-loader 和 style-loader2.1.2配置文件2.1.3引入CSS资源2.2less样式资源2.2.1 下载less-loader 和 less2.2.2配置文件2.2.3引入less资源2.3 sass和scss样式资源2.3.1 下载 sa...

目录一、Webpack介绍1.1 为什么需要打包工具二、基本使用2.1 初始化2.2 下载依赖2.3启用 Webpack一、Webpack介绍1.1 为什么需要打包工具开发时，当使用了框架（React、Vue），ES6 模块化语法，Less/Sass 等 css 预处理器等语法进行开发。这些代码要想在浏览器运行必须经过编译成浏览器能识别的 JS、CSS 等语法，才能在浏览器运行。因此需要打包工具来将这些代码编译成浏览器能识别的语法。除此之外，打包工具还能.