# webpack5

**Repository Path**: lilawliet/webpack5

## Basic Information

- **Project Name**: webpack5
- **Description**: webpack5 学习档案
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-04-12
- **Last Updated**: 2024-02-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [尚硅谷新版Webpack5实战教程(从入门到精通)](https://www.bilibili.com/video/BV1e7411j7T5?p=1) 
# 课程代码（笔记）

# webpack 性能优化
* 开发环境性能优化
* 生产环境性能优化

## 开发环境性能优化
* 优化打包构建速度
    * HMR
* 优化代码调试
    * source-map

## 生产环境性能优化
* 优化打包构建速度
    * oneOf
    * babel 缓存
* 优化代码运行的性能
    * 缓存（hash-chunkhash-contenthash）
    * tree shaking -- sideEffect
    * code split
    * 懒加载/预加载
    * pwa
    * externals
    * dll