javascript - React Redux 应用程序结构多个 Angular 色

Question

我打算使用 React redux 做一个 SPA 网络应用程序，我一直在为前端寻找合适的架构师。

因此该应用程序可以让用户对产品进行投标，并让管理员批准或管理产品。应用程序结构如何？

actions
- admin
- user
reducers
- admin
- user
containers
- admin
- user
components
route.js //load admin or user
userStore.js
adminStore.js

上面的结构有意义吗？ route.js 将检测 Angular 色并加载相关路由，然后在每个 redux 相关文件夹中，如 actions、reducers、store 必须有 2 个版本。

Answer 1

如果你使用的是 Webpack，你可以像这样尝试多个 src 和 entry:

src-admin
 - actions
 - reducers
 - containers
 - components
 - ...
 - adminRoute.js
 - admin.js
src-user
 - actions
 - reducers
 - containers
 - components
 - ...
 - userRoute.js
 - user.js
webpack.config.js

在 webpack.config.js 中:

entry: {
  app: ['./src-user/user.js', '.src-admin/admin.js'],
  vendors: ['react']
}