动态导入（）未加载 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 网页包：2.5.1

Answer 1

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

动态导入（）未加载 CSS 个模块

dynamic import() not loading CSS Modules

javascript

reactjs

webpack

css-modules

code-splitting