有哪些常见的 Loader？他们是解决什么问题的？

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 代码

9、vue-loader：解析和转换 .vue 文件，提取出其中的逻辑代码 script、样式代码 style、以及 HTML 模版 template，再分别把它们交给对应的 Loader 去处理

10、svg-url-loader：是位置支持webpack打包时候可以引入svg文件

11、postcss-loader：用于补充css样式各种浏览器内核前缀，太方便了，不用我们手动写啦

12、ts-loader：用于配置项目typescript