Webpack 5 Study Notes
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
本文介绍了webpack5的配置和构建过程，包括入口文件、输出配置、缓存机制和分包插件SplitChunksPlugin。强调了缓存的使用，显著提升大型依赖的构建速度，并详细说明了不同输出选项和库类型的配置，以满足开发需求。
🎯
关键要点
- webpack5的配置可以返回单个对象、数组或动态函数，适应不同环境。
- 入口文件是构建项目的必要条件，配置在entry字段中。
- 输出配置决定构建结果的文件名、路径和格式，配置在output字段中。
- webpack5引入了缓存机制，显著提升大型依赖的构建速度。
- SplitChunksPlugin用于分包，可以根据不同策略优化最终的bundle产物。
❓
延伸问答
webpack5的入口文件配置有什么重要性？
入口文件是构建项目的必要条件，配置在entry字段中。
如何配置webpack5的输出选项？
输出配置决定构建结果的文件名、路径和格式，配置在output字段中。
webpack5的缓存机制是如何提升构建速度的？
webpack5引入的缓存机制可以缓存上次构建的结果，减少重复计算，从而显著提升大型依赖的构建速度。
什么是SplitChunksPlugin，它的作用是什么？
SplitChunksPlugin是webpack提供的分包插件，用于根据不同策略优化最终的bundle产物。
webpack5支持哪些输出库类型？
webpack5支持多种库类型，包括'var'、'module'、'commonjs'、'amd'等，可以通过output.library.type进行配置。
如何在webpack5中配置缓存？
在webpack.config.js中，可以通过配置cache字段来开启缓存，支持memory和filesystem两种类型。
➡️
