webpack loader如何工作？

Question

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

Answer 1

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

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

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