How to require raw static html file on webpack

Question

I have written a simple template

test.html

Click to copy

<div>raw text with content</div>

all I want to do is requiring the raw file, with no modifications

like

Click to copy

require('./test.html'); // should return "<div>raw text with content</div>"

I have tried loading the html using the extra-text-plugin, but it doesn't work

Click to copy

var ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports =
{
    module:
    {
        loaders:
            [
                { test: /\.html$/, loader: 'html' }
            ]
    },
    plugins: [
        new ExtractTextPlugin("[name].html")
    ]
};

Answer 1

Try to use html-loader:

Click to copy

 import TestTemplate from 'html!./test.html';