# 第1章 webpack介绍

# 学什么

本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle

xcooo
  • 代码转译
  • 模块合并
  • 混淆压缩
  • 代码分割
  • 自动刷新
  • 代码校验
  • 自动部署

# 课程安排

  • webpack基础配置
  • webpack高级配置
  • webpack性能优化
  • tapable钩子
  • AST抽象语法树的应用
  • webpack原理分析, 手写webpack
  • 手写常见的loader和plugin

# 学习前提

  • JS基础
  • ES6 / ES7 语法
  • node基础
  • npm的基本使用

# 课程目标

  • 掌握webpack的安装
  • 掌握webpack的基础配置
  • 掌握loader的配置
  • 掌握plugin的配置
  • 了解webpack性能优化
  • 了解webpack中的tapable
  • 了解AST的应用
  • 深入学习webpack原理,手写webpack
上次更新: 2020/10/9 上午10:21:54