有哪些常⻅的 Loader

类别：工程化 / 日期：2023-01-12 / 浏览：274 / 评论：0

file-loader：把⽂件输出到⼀个⽂件夹中，在代码中通过相对 URL 去引⽤输出的⽂件

url-loader：和 file-loader 类似，但是能在⽂件很⼩的情况下以 base64 的⽅式把⽂件内容注⼊到代码中去

source-map-loader：加载额外的 Source Map ⽂件，以⽅便断点调 试

image-loader：加载并且压缩图⽚⽂件

babel-loader：把 ES6 转换成 ES5

css-loader：加载 CSS，⽀持模块化、压缩、⽂件导⼊等特性

style-loader：把 CSS 代码注⼊到 JavaScript 中，通过 DOM 操作 去加载 CSS。

eslint-loader：通过 ESLint 检查 JavaScript 代码

注意：在 Webpack 中，loader 的执行顺序是从右向左执行的。因为 webpack 选择了 compose 这样的函数式编程方式，这种方式的表达式 执行是从右向左的。