我正在使用meteor与webpack,反应和反应路由器。
我有一个webpack入口点(特定于流星):
"browser": "client/main.jsx"
在 main.jsx 中,我导入了我的路由器(再次是流星的逻辑):
import { renderRoutes } from '../imports/startup/client/routes.jsx';
Meteor.startup(() => {
render(renderRoutes(), document.getElementById('app'));
});
在 routes.jsx 中,我导入了所有组件:
...
import Landing from '../../../imports/ui/pages/landing-content/landing/Landing.jsx';
import Signin from '../../../imports/ui/pages/landing-content/signin/Signin.jsx';
import Signout from '../../../imports/ui/pages/landing-content/signout/Signout.jsx';
...
export const renderRoutes = () => (
<Router history={browserHistory}>
<Route path="/" component={LandingContainer} onEnter={ requireNotAuth }>
<IndexRoute component={Landing}/>
<Route path="signin" component={Signin}/>
<Route path="signout" component={Signout}/>
<Route path="*" component={Landing}/>
</Route>
</Router>
);
我的问题是webpack使用react-router导入所有组件,因此,导入所有组件样式。它不会导入每个路由的特定样式(注销样式在{ {1}}并在/signout
)中签名。
我该如何解决?
注意:我认为我的问题不是特定于流星。
感谢。