使用webpack初始构建的Criticalcss失败

Question

所以我正在使用Webpack捆绑我的js和css。

我添加了Webpack-plugin-critical以输出具有关键样式的外部css文件。此文件将添加到我的（twig）模板中。

如果我第二次运行Webpack，它运行正常，但初始构建失败，我收到一条错误消息，说它无法找到主生成的css文件。如何将ExtractTextPlugin的主要css文件输出公开到Webpack-plugin-critical，允许它在初始构建时使用该文件并生成关键的css文件？

Answer 1

我认为这是不可能的。

https://github.com/nrwl/webpack-plugin-critical/blob/master/src/critical.ts#L129

你可以看到webpack-plugin-critical使用事件挂钩“emit”，而webpack编译器还没有生成哪些资产文件。

另一方面，我建议您可以使用其他独立的webpack配置来专门生成关键css。

Answer 2

任何坚持这一点的人。使用这个插件; https://www.npmjs.com/package/html-critical-webpack-plugin

它在编译sass之后构建关键样式。