初学Webpack，如何编写自己的loader？

本文共计4455个文字，预计阅读时间需要18分钟。

初探webpack之编写loader：loader是webpack的核心组件之一，用于将不同类型的文件转换为webpack可识别的模块。它主要用于将非JavaScript文件转换为JavaScript模块，以便webpack能够处理和打包。例如，可以将CSS、图片等文件转换为模块，以便在项目中使用。通过配置loader，可以将模块的原始内容按需转换成新的内容，例如将非JS模块转换为JS模块。

初探webpack之编写loader

loader加载器是webpack的核心之一，其用于将不同类型的文件转换为webpack可识别的模块，即用于把模块原内容按照需求转换成新内容，用以加载非js模块，通过配合扩展插件，在webpack构建流程中的特定时机注入扩展逻辑来改变构建结果，从而完成一次完整的构建。

描述

webpack是一个现代JavaScript应用程序的静态模块打包器module bundler，当webpack处理应用程序时，它会递归地构建一个依赖关系图dependency graph，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。