Reactjs 针对特定环境的反应惰性组件

Reactjs 针对特定环境的反应惰性组件,reactjs,webpack,lazy-loading,create-react-app,Reactjs,Webpack,Lazy Loading,Create React App,我确实在CRA生成的React应用程序中成功地实现了一个延迟加载的组件 正如所说的组件只在开发环境中显示,有没有一种方法可以避免它的特定块出现在生产构建中而不弹出 提前感谢。我认为您可以使用环境变量: if (process.env.NODE_ENV === 'development') { return (<YourComponent />) } if(process.env.NODE_env=='development'){ 返回() } 这是有条件地显示组件的逻辑,它工作

我确实在CRA生成的React应用程序中成功地实现了一个延迟加载的组件

正如所说的组件只在开发环境中显示,有没有一种方法可以避免它的特定块出现在生产构建中而不弹出


提前感谢。

我认为您可以使用环境变量:

if (process.env.NODE_ENV === 'development') {
  return (<YourComponent />)
}
if(process.env.NODE_env=='development'){
返回()
}

这是有条件地显示组件的逻辑,它工作正常。我要寻找的是一种标记延迟导入的方法:
const DebugView=React.lazy(()=>import('./component/DebugView/DebugView.component')这样,当我为生产构建项目时,相关的.js块不会被导出