webpack loader如何工作？

Question

认为加载器实际上将其他类型的代码转换为javascript代码是否正确？因此，CSS-loader实际上将CSS代码转换为Javascript，以便导入CSS的JS文件实际上会转换CSS，然后在webpack构建捆绑包时将其注入到该JS文件中？

Answer 1

对于所有装载机而言并非如此。 Webpack加载器背后的想法是提供多种方法来处理某些资源或资产 - 无论是javascript模块，CSS样式表还是图像。加载器负责解析/处理资源，该资源可能执行以下任何操作：

• 将其转换为另一种语言（例如babel-loader）
• 将资源复制到指定位置，并将新位置作为导入值（例如文件加载器）
提供
• 完全忽略资源（例如ignore-loader）

使webpack如此强大的一件事是，这些加载器可以在他们正在处理的资源中找到更多的依赖资源，并交给其他加载器。因此，在您的javascript中导入HTML文件是合理的，并且该HTML文件可以引用另一个javascript文件，然后也可以加载该文件。