How to make this work in webpack?

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

I need to migrate from requirejs + require-text plugin to webpack with minimum code changes so I need that loader in webpack... Have any suggestions?

How to make this work in webpack?

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

I need to migrate from requirejs + require-text plugin to webpack with minimum code changes so I need that loader in webpack... Have any suggestions?

• javascript
• requirejs
• migration
• webpack

2 Answers 2

Should use 'text-loader': https://www.npmjs./package/text-loader

My mistake was that I used both text! notation in require and loaders config with "text-loader".

As the other answer mentions, use https://www.npmjs./package/text-loader. With Webpack 2.2, I also needed to add the following to the root of the Webpack config object:

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