RequireJS的“text！”插件替代Webpack

Question

如何在webpack中使其正常工作？

var templateHtml = require("text!templates/main.html");
console.log(templateHtml); // outputs string content of the "main.html" file

我需要从requirejs + require-text插件迁移到Webpack，而且希望最小限度更改代码，因此我需要Webpack中的加载器... 有什么建议吗？

- Dmitry Yaremenko

Answer 1

应该使用'text-loader': https://www.npmjs.com/package/text-loader

我的错误在于同时在require和loaders配置中使用了text!符号以及"text-loader".

- Dmitry Yaremenko

---

嗨，Dimitry，我处于类似的情况。你能解释一下你做了什么吗？在发布我的问题后，我看到了这个问题链接（http://stackoverflow.com/questions/38691170/migrating-requirejs-and-backbone-based-application-to-webpack）。希望听取你的意见。谢谢。 - user1050134

您需要通过npm install安装text-loader插件。无需额外配置。 - bsandhu

只需在本地安装text-loader npm包并添加别名：{ "text！"：“text-loader！” } 到webpack.config文件中。 - Vish

Answer 2

正如其他答案所提到的，使用https://www.npmjs.com/package/text-loader。在Webpack 2.2中，我还需要将以下内容添加到Webpack配置对象的根目录：

resolveLoader: {
    alias: {
        // Support for require('text!file.json').
        'text': 'full/path/to/node_modules/text-loader'
    }
}

- chris