webpack3之loader解析

来源：互联网 2023-03-16 23:57:28 版权归原作者所有，如有侵权，请联系我们

loader，顾名思义，加载器，英文的解释如下：

Loaders are transformations that are applied on the source code of a module. They allow you to pre-process files as you import or “load” them. Thus, loaders are kind of like “tasks” in other build tools, and provide a powerful way to handle front-end build steps. Loaders can transform files from a different language (like TypeScript) to JavaScript, or inline images as data URLs. Loaders even allow you to do things like import CSS files directly from your JavaScript modules!

中文翻译过来就是：

loader 用于对模块的源代码进行转换。loader 可以使你在 import 或“加载”模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript，或将内联图像转换为 data URL。loader 甚至允许你直接在 JavaScript 模块中 import CSS文件！

从中，可以看出loader的强大作用，分析下：

转换的作用。开发所用到的都转换成网页加载所必备的html css js img等要求格式的文件。

转换对象是源代码。loader只对源代码转换，至于其他的功能，plugins就来接收它做不到的地方。

总结一句话：loader, 加载的机器，形象的比喻下，就像一个豆浆机，放上你的原料，它就开始认真的工作了。