面试官: webpack有哪些常见的loader，他们分别是解决了什么问题？

[yang-xianzhu]

1. file-loader：把文件输出到一个文件夹中，在代码中通过相对URL去引用输出的文件。
2. url-loader：和file-loader类似，但是能在文件很小的情况下以base64的方式把文件的内容注入到代码中去。
3. Source-map-loader：加载额外的source Map文件，以方便断点调试。
4. image-loader：加载并且压缩图片文件。
5. babel-loader：把ES6转换成ES5。
6. css-loader：加载CSS，支持模块化、压缩、文件导入等特性。
7. style-loader：把css代码注入JavaScript中，通过DOM操作去加载css。
8. eslint-loader：通过ESLint检查JavaScript代码。