webpack - 如何阻止加载程序运行两次？

Question

我在大项目中的所有文本导入都采用以下形式：

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

我想将webpack设置为自动使用text-loader，所以我在配置中添加了以下内容：

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