css - MiniCssExtractPlugin 相对于 ExtractTextPlugin 的优势？

Question

刚刚升级到 Webpack 4，现在我想看看如何利用升级。我一直在阅读有关MiniCssExtractPlugin的信息，根据文档，它应该比 ExtractTextPlugin 在提取 css 方面更好：

1. 异步加载
2. 无重复编译（性能）
3. 更容易使用
4. 特定于 CSS

我很难理解这些优势的真正含义。async loading指的是什么？重复编译？有人可以为不熟悉 css webpack 生态系统的人分解这些东西吗？

标签： csswebpack

Answer 1

异步加载

如果您有异步块 ( import('myfile.js')...)，则允许加载 css 异步。

其他点虽然没有意义。这里最重要的是 Extract Text Plugin 不适用于 webpack 4，因此您必须使用 MiniCss。

从Extract-Text-Plugin存储库：

⚠️ 由于 webpack v4，extract-text-webpack-plugin 不应该用于 css。请改用 mini-css-extract-plugin。