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

Question

我正在尝试将动态 import() 添加到我的 React 组件中，并且它们工作正常。除了一个巨大的细节：只有 JavaScript 被加载，但 CSS Modules 提供的 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 网络包：2.5.1

Answer 1

知道了。我只需要将 allChunks: true 传递给 ExtractTextPlugin