2016-07-31 68 views
4
原始的静态HTML文件

我写了一个简单的模板如何要求上的WebPack

的test.html

<div>raw text with content</div> 

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

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

我已经尝试使用额外的文本插件加载html,但它不起作用

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

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

不要使用的WebPack作为构建系统 - **它不是**。 Webpack是JS的模块打包器,以及您在其中使用**的静态资产。 – Kreozot

+0

顺便说一句 - webpack完美地与gulp/grunt一起工作。 – Kreozot

回答

4

尝试使用html-loader

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

为什么它会返回“exports = template_content”而不仅仅是模板内容?我该如何取内容 – user3531149

+0

这里是答案:http://stackoverflow.com/a/38693290/1087901 – Kreozot