如何将带有js和CSS的HTML页面集成到React应用程序中？

Question

我需要将HTML项目集成到React应用程序中。我正在努力寻找做到这一点的最佳方法。该项目具有以下结构：

Project
 |    
 +-- fonts
 |  |  
 |  \-- file
 |  ...
 |
 +-- img
 |  |  
 |  \-- file
 |  ...
 |
 +-- js
 |  |  
 |  \-- file
 |  ...
 |
 +-- index.html

到目前为止，我已经添加了html-loader作为npm依赖项，修改了webpack-config.js并制作了一个显示HTML的组件：

import React from 'react';
import Page from './index.html';

const htmlDoc = {__html: Page};
export const ThingyThing= () => (<div dangerouslySetInnerHTML={htmlDoc} />);

export default ThingyThing;

正在显示HTML，但是在index.html的标记中导入的js文件不存在。字体和图像可能也一样。

集成此HTML项目的最佳方法是什么？一些Webpack魔术？将项目与Grunt捆绑在一起，将其部署到某个地方并从那里获取HTML？还有吗？