【问题标题】:Webpack: extract text plugin and code splittingWebpack:提取文本插件和代码拆分
【发布时间】:2017-07-13 21:13:54
【问题描述】:

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

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

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

有什么想法吗?谢谢!

【问题讨论】:

    标签: javascript webpack react-router webpack-2 code-splitting


    【解决方案1】:

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

    【讨论】:

    • 是的!就是这样,谢谢!我一直在疯狂地浏览文档,我不知道我是怎么错过的。