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 ，它将正常工作