【发布时间】：2021-04-27 09:30:49
【问题描述】：
我确实在 CRA 生成的 React 应用程序中成功实现了延迟加载组件。
由于所述组件仅在开发环境中显示，有没有办法（不弹出）避免其特定块出现在生产构建中？
提前致谢。
【问题讨论】：
标签： reactjs webpack lazy-loading create-react-app
【发布时间】：2021-04-27 09:30:49
【问题描述】：
我认为你可以使用环境变量：
if (process.env.NODE_ENV === 'development') {
return (<YourComponent />)
}
【讨论】：
-
这就是有条件地展示组件的逻辑，效果很好。
-
我正在寻找一种标记惰性导入的方法：
const DebugView = React.lazy(() => import('./component/debugView/debugView.component'));这样当我构建项目进行生产时，相关的 .js 块不会被导出