webpack-如何停止加載程序運行兩次？

Question

我在一個大項目中所有的文本導入都采用以下形式：

var template = require('text!./foo.html');

我想將webpack設置為自動使用文本加載器，因此我在配置中添加了以下內容：

{ test: /\\.html$/, loader: 'text-loader' }

唯一的問題是，現在我的模板在加載器中運行了兩次，並且捆綁包中出現了類似的情況……

module.exports = 'module.exports = "<section class=\\\\"foobar\\\\" ...

如何設置加載程序僅運行一次而不刪除所有text! 我每個文件的標注？ 這不是一個選項，因為我正嘗試逐步遷移...

Answer 1

require('text!./foo.html')將text-loader應用於foo.html
{ test: /\\.html$/, loader: 'text-loader' }將text-loader應用於every html

因此，您的加載器被應用了兩次。

您應該從兩個中的任何一個刪除text-loader ，它將正常工作