面经 | webpack
webpack
- webpack
-
- loader
-
- 基本语法
-
- rules
- 自定义loader
- 你可以写哪些loader？
- 常见loader
- plugin
-
- webpack生命周期 [参考](https://blog.csdn.net/qq_17335549/article/details/137561075)
-
- 常见plugin
webpack
一个打包工具，就和npm是一个包管理工具差不多。一般在项目文件中，通过webpack.config.js来配置。
loader
本质上是一种函数，作用是处理源文件。你比如，ts-loader，就是一个把ts转换成js的函数。其他常见的img-loader类似，也不是说一定就是做一个翻译，其实就理解成一个函数就行，函数做什么事情，看函数逻辑呗。所以，其实我们自己也可以自定义loader。
这篇文章写得很好，忘了可以看这个。loader
基本语法
就是module中rules里面配置loader。test指定文件，use指定要使用的loader;
// webpack.config.js
module.exports =