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文件，然后也可以將其加載。