如何在webpack上要求原始的静态html文件

Question

我写了一个简单的模板

的test.html

<div>raw text with content</div>

我想做的就是要求原始文件,不做任何修改

喜欢

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

我已经尝试使用extra-text-plugin加载html,但它不起作用

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

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

Answer 1

尝试使用html-loader:

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