Webpack:提取文本插件和代码拆分

Webpack: extract text plugin and code splitting

我正在尝试使用 webpack 设置我的构建系统以进行基于路由的代码拆分(我正在使用 react-router 和 webpack 2.2)。

一切都很顺利,网上找了一些例子,我遇到的问题是CSS。我正在使用 ExtractTextPlugin 将我的 css 提取到一个单独的文件中。问题是它只从主包中提取 css,它不提取在其余块中找到的 css。

我想要提取 css 文件中的所有样式,以便能够加载并单独缓存它。

有什么想法吗?谢谢!

根据 https://webpack.js.org/plugins/extract-text-webpack-plugin/ 你必须设置 allChunks: true。如果这不起作用,请post你的配置,很难猜测你的设置是什么样的。