javascript - Webpack:提取文本插件和代码分割

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

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

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

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

有什么想法吗?谢谢!

最佳答案

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

关于javascript - Webpack:提取文本插件和代码分割,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42414907/

相关文章:

reactjs - 在同一路线内导航时发出提示

javascript - 如何按键值过滤汽车

javascript - Angular UI-router 深度路由

javascript - 为什么 webpack 别名不起作用?

webpack - Webpack 中是否可以有多个具有多个相对输出的子目录入口点

reactjs - React hooks - 当我们刷新页面时从 react-router 位置状态中删除

javascript - JavaScript 中对象引用如何工作

javascript - JWPlayer Javascript API for Android Webview

javascript - 链式 promise 会给出未定义的函数错误,但我可以单独执行这些函数

reactjs - 您可能需要一个适当的加载器来处理此文件类型上传图像文件