reactjs - 如何在 React 中为管理员和用户拆分代码

Question

我正在创建一个应用程序，该应用程序将具有网站和三个不同角色的登录名，以与 laravel 做出反应。我担心的是我不想公开我的管理路线并增加捆绑文件。那么我该怎么做呢？最好的方法是什么？

我读过关于动态导入的文章，它解决了很多问题，但我的路线仍然在主包中。那么我该怎么做呢？

提前致谢。

标签： reactjslaravelwebpack

Answer 1

最后我找到了解决方案。我的解决方案是用 webpack 配置拆分它并在 package.json 中进行更改。请参阅我的示例代码以编译到开发

"development": "cross-env process.env.section=frontend NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",

"admin-development": "cross-env process.env.section=backend NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",

并在 webpack 检查 process.env.section 并根据它编译文件到特定文件夹。