Javascript 使用不同的授权对多页应用程序作出反应

我目前正在尝试构建一个react应用程序的结构，我有一个任何人都可以看到的主页，以及一个只有特定角色的用户才能查看的仪表板

我正在使用webpack。 如何将项目结构划分为不同的页面，并拆分应用程序，使其只加载用户需要的部分

---

谢谢。

网页支持多个入口点：

您可以这样定义它们：

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

---

Webpack支持多个入口点：

您可以这样定义它们：

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

---

查找网页包入口点查找网页包入口点我正在使用react router和网页包html插件，我是否必须为每个入口点创建不同的html页面？react router将无法真正使用它，因为您必须为不同的页面加载不同的js文件。你唯一的可能性是react可加载：它与react中的lazy特性的作用相同，我将使用一个带有html网页包插件的单页index.html和使用lazy特性的动态导入。谢谢marvin。我正在使用react router和webpack html插件，我是否必须为每个入口点创建不同的html页面？react router无法真正使用它，因为您必须为不同的页面加载不同的js文件。你唯一的可能性是react可加载：它与react中的lazy特性的作用相同，我将使用一个带有html网页包插件的单页index.html和使用lazy特性的动态导入。谢谢你，马文。