带有react-router的Webpack导入所有样式

时间:2016-10-01 11:02:28

标签: reactjs meteor webpack react-router

我正在使用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)中签名。

我该如何解决?

注意:我认为我的问题不是特定于流星。

感谢。

0 个答案:

没有答案