轻松搞定webpack5.x

[回忆是薄荷味]

  webpack属于一种前端资源构建工具，也可以称之为一个静态模块打包器。同时就webpack而言，前端的所有资源文件都可以作为模块来处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源。

  entry：代表入口。webpack是基于模块的，使用webpack首先需要指定模块解析入口(entry)，webpack从入口开始根据模块间依赖关系递归解析和处理所有资源文件。output：指的是输出。源代码经过webpack处理之后的最终产物。

  loader：指的是模块转换器。本质就是一个函数，在该函数中对接收到的内容进行转换，返回转换后的结果。并且因为Webpack 只能够辨别JavaScript语言，所以 Loader就顺利成章的成为了翻译官，然后对其他类型的资源进行转译的预处理工作。

  plugin：扩展插件。基于事件流框架 Tapable，插件可以扩展 Webpack 的功能，在 Webpack 运行的生命周期中会广播出许多事件，Plugin 可以监听这些事件，在合适的时机通过 Webpack 提供的 API 改变输出结果。

  mode 模式：这个模式下能够通过选择development 或 production的方式，来设置mode参数，并且能够启用相应模式下的 webpack 内置的优化。

项目地址：
https://webpack.docschina.org/