TIP

Webpack 学习笔记

• 1.什么是 Webpack

  介绍 Webpack 的基本概念

• 2.一个简单的 demo

  通过一个样例介绍如何使用 Webpack

• 3.使用开发服务器

  如何使用开发服务器来提升开发效率

• 4.管理 Webpack 的配置

  对 Webpack 的配置项进行管理

• 5.加载样式文件

  介绍 Webpack 如何处理样式文件

• 6.导出样式文件

  介绍 Webpack 如何导出样式文件

• 7.删除多余样式

  介绍 Webpack 如何删除多余的样式

• 8.给样式自动添加浏览器前缀

  介绍 Webpack 如何给样式自动添加浏览器前缀

• 9.什么是 loader

  介绍 Webpack 中 loader 的概念

• 10.加载图片

  介绍 Webpack 中如何处理图片

• 11.加载字体文件

  介绍 Webpack 中如何处理字体文件

• 12.加载 JavaScript

  介绍 Webpack 中如何处理 JS 文件

• 13.Source Map

  介绍 Webpack 中如何生成 source map

• 14.Code Spliting

  介绍 Webpack 中如何进行代码分割

• 15.Bundle Spliting

  介绍 Webpack 中如何进行代码分割

• 16.清理构建目录

  介绍 Webpack 中如何清理构建目录

• 17.代码压缩

  介绍 Webpack 中如何进行代码压缩

• 18.Tree Shaking

  介绍 Webpack 中如何进行 Tree Shaking

• 19.环境变量

  介绍 Webpack 中的环境变量

• 20.给文件名添加 hash 值

  介绍 Webpack 中如何给文件名添加 hash 值

• 21.独立输出运行时（runtime）文件

  介绍 Webpack 中如何 独立输出运行时（runtime）文件

• 22.构建数据分析

  介绍 Webpack 中如何分析构建数据

• 23.性能优化

  介绍 Webpack 中如何优化性能

• 24.设置构建输出目标

  介绍 Webpack 中如何设置构建输出目标

• 25.构建多页应用

  介绍 Webpack 中如何构建多页应用

• 26.服务端渲染（SSR）

  介绍 Webpack 中如何进行服务端渲染（SSR）

• 27.构建微前端应用

  介绍 Webpack 中如何构建微前端应用

• 28.动态加载（Dynamic Loading）

  介绍 Webpack 中如何动态加载（Dynamic Loading）

• 29.Web Worker

  介绍 Webpack 中如何处理Web Worker

• 30.国际化（i18n）

  介绍 Webpack 中如何处理国际化（i18n）

• 31.部署应用

  介绍 Webpack 中如何部署应用

• 32.处理第三方包

  介绍 Webpack 中如何处理第三方包

• 33.通过 loader 来扩展 Webpack

  介绍 Webpack 中如何开发自定义 loader

• 34.通过插件来扩展 Webpack

  介绍 Webpack 中如何开发自定义插件

参考链接：https://survivejs.com/webpack/what-is-webpack/

关注微信公众号，获取最新推送~

加微信，深入交流~