使用不同的授权反应多页应用

Question

我目前正在尝试构建我正在使用的React应用的结构，有一个所有人都可以看到的主页，以及只有具有特定角色的用户才能查看的仪表板。

我正在使用webpack。 我如何才能将项目结构分隔到不同的页面并拆分应用程序，以便仅加载用户需要的部分？

谢谢。

Answer 1

Webpack支持多个入口点： https://webpack.js.org/concepts/entry-points/#multi-page-application

您可以这样定义它们：

module.exports = {
  entry: {
    pageOne: './src/pageOne/index.js',
    pageTwo: './src/pageTwo/index.js',
    pageThree: './src/pageThree/index.js'
  }
};