使用 webpack 反应 index.html 页面分离答案

【问题标题】：React index.html page separation using webpack使用 webpack 反应 index.html 页面分离
【发布时间】：2017-05-11 08:59:32
【问题描述】：

我正在为我的新应用程序使用 react 的 create-react-app。我真的很困惑为客户端和管理面板分离 index.html 页面。我对双方都有不同的功能流程和 css 文件。所以 index.html 文件应该基于路由器导航加载。

例子：

http://example.com => 应该加载 client/index.html

http://example.com/admin => 应该加载 admin/index.html

注意：我已经尝试过 webpack 的多条目方法和 webpack html 插件。但它只分离捆绑文件而不是html（导航时）。

请帮帮我。

【问题讨论】：

您的管理面板仍然在客户端，只是它仅限于不同类型的用户。你应该有一个index.html，并使用路由器将不同的组件加载到其中，例如 React Router。
好的，但是在组件中，必须声明变量才能使用这些脚本。由于这些脚本依赖于 jquery，我们无法覆盖任何变量。

【解决方案1】：

webpack 只是一个模块打包器，它不控制显示哪个页面，这应该由路由器完成。

如果是单页，可以使用react-router

如果是多页，可以使用express route

【讨论】：

【解决方案2】：

使用下面的代码包含外部脚本后，我真的不需要任何额外的 html 页面。

var $script = require("scriptjs")

$script("/myscript.js")

【讨论】：