每日一博 | 多图详解,一次性搞懂 Webpack Loader
Webpack 是一个模块化打包工具,它被广泛地应用在前端领域的大多数项目中。利用 Webpack 我们不仅可以打包 JS 文件,还可以打包图片、CSS、字体等其他类型的资源文件。而支持打包非 JS 文件的特性是基于 Loader 机制来实现的。因此要学好 Webpack,我们就需要掌握 Loader 机制。本文阿宝哥将带大家一起深入学习 Webpack 的 Loader 机制,阅读完本文你将了解以下内容: Loader 的本质是什么? Normal Loader 和 Pitching Loader 是什么? Pitching Loader 的作用是什么? Loader 是如何被加载的? Loader 是如何被运行的? 多个 Loader 的执行顺序是什么? Pitching Loader 的熔断机制是如何实现的? Normal Loader 函数是如何被运行的? Loader 对象上 raw 属性有什么作用? Loader 函数体中的 this.callback 和 this.async 方法是哪里来的? Loader 最终的返回结果是如何被处理的? 一、Loader 的本质是什么?...
