动态import（）无法加载CSS模块

Question

我正在尝试将动态import（）添加到我的React组件中，并且它们的工作正常。 除了一个巨大的细节：仅加载JavaScript，而未加载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>
    );
  }
}

这是应该发生的情况：

这是正在发生的事情：

反应：15.5.4 Webpack：2.5.1

Answer 1

得到它了。 我只需要传递allChunks：对ExtractTextPlugin为true