2017-05-15 145 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