2017-05-15 38 views
1

我想添加一个动态导入()到我的React组件,并且他们的工作正常。除了一个巨大的细节:只有JavaScript被加载,但由CSS模块提供的CSS不是。动态导入()不加载CSS模块

下面的代码:

import React, { Component } from "react"; 
import { BrowserRouter as Router, Route } from "react-router-dom"; 

class Routes extends Component { 
    constructor(props) { 
    super(props); 

    this.state = { 
     home: null 
    }; 
    } 

    componentDidMount() { 
    import("../home/Home").then(Home => this.setState({ home: Home.default })); 
    } 

    render() { 
    return (
     <Router> 
     <div> 
      <Route exact path="/" component={this.state.home} /> 
     </div> 
     </Router> 
    ); 
    } 
} 

这是应该发生的事情:

enter image description here

这是正在发生的事情:

enter image description here

阵营:15.5.4 我们bpack:2.5.1

+0

你想发布一个repro回购来举例说明问题吗?很难解决你发布的内容。 –

+0

导入CDM中的组件和设置状态是否完成了使用常规导入不能实现的功能? – lux

+0

@lux路线代码分裂 –

回答

1

明白了。 我只是要通过所有块:真正ExtractTextPlugin