webpack学习资料整理

前言

以下文章是我在近期工作实践中，对webpack的一个学习资料的整理。希望对阅读了此篇文章的小伙伴有所帮助。

基础使用

• 从头搭建 2020年了,再不会webpack敲得代码就不香了(近万字实战) (opens new window)

• 按需加载 脑阔疼的webpack按需加载 (opens new window)

vue-cli

• vue-cli升级 项目升级到vue-cli3 (opens new window) 项目升级vue-cli3的正确姿势 (opens new window)

ps:升级到vue-cli3/4,无需优化的情况下，打包速度大幅度的上升，所以还在vue-cli2的小伙伴们，可以考虑升级，vue-cli4真的很香。

优化

• 代码分割 如何使用 splitChunks 精细控制代码分割 (opens new window)
• tree-shaking Tree-Shaking性能优化实践 - 原理篇 (opens new window) Tree-Shaking性能优化实践 - 实践篇 (opens new window) 你的Tree-Shaking并没什么卵用 (opens new window)
• dll 辛辛苦苦学会的 webpack dll 配置，可能已经过时了 (opens new window)

原理

• webpack原理 webpack打包原理 ? 看完这篇你就懂了 ! (opens new window)

其他

webpack 中那些最易混淆的 5 个知识点 (opens new window)

书籍

深入浅出webpack (opens new window)

官方文档

https://www.webpackjs.com/ (opens new window)