css - MiniCssExtractPlugin 相对于 ExtractTextPlugin 的优势？

Question

刚刚升级到 Webpack 4，现在正在尝试了解如何利用升级。我一直在阅读 MiniCssExtractPlugin根据文档，通过以下方式提取 css 应该比 ExtractTextPlugin 更好:

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

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

Answer 1

Async loading

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

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

来自 Extract-Text-Plugin 存储库:

⚠️ Since webpack v4 the extract-text-webpack-plugin should not be used for css. Use mini-css-extract-plugin instead.