我正在尝试将Header.html
和footer.html
包含在index.html
中。因为我将使用这两个文件作为所有页面的共用文件。根据我的研究,Webpack不允许导入文件作为HTML。
<!--#include file="header.html"-->
我曾尝试在grunt中实现,效果不错。但如何在webpack中完成呢?
以下是我的webpack版本详细信息:
"name": "webpack-boilerplate",
"version": "1.0.0",
以下是我尝试的代码... 在我的 webpack.config.js 文件中
{
test: /\.html$/,
loader: 'html-loader'
}
在我的index.html文件中
<body>
require("html-loader!./file.html");
<div class="banner">
<h3>Banner 1</h3>
</div>
<div class="banner banner2">
<h3>Banner 2</h3>
</div>
</body>
这不适用于React,仅适用于网站和普通的HTML。
那么怎么做呢?