动态导入（）不加载CSS模块

Question

我尝试向我的React组件添加动态import（），并且它们正常工作。除了一个巨大的细节：只加载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：true到ExtractTextPlugin