javascript - 使用 webpack 进行初始构建的 Criticalcss 失败

标签 javascript webpack critical-css

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

我添加了 Webpack-plugin-critical 以输出具有关键样式的外部 css 文件。该文件被添加到我的( Twig )模板中。

如果我第二次运行 Webpack 它工作正常,虽然 initial 构建失败并且我得到一个错误,说它找不到主要生成的 css 文件。我如何将 ExtractTextPlugin 的主要 css 文件输出公开给 Webpack-plugin-critical 以允许它使用该文件并在初始构建时生成关键的 css 文件?

最佳答案

我认为这是不可能的。

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

您可以看到 webpack-plugin-critical 使用事件 Hook “发出”哪些 Assets 文件尚未由 webpack 编译器生成。

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

关于javascript - 使用 webpack 进行初始构建的 Criticalcss 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46525454/

相关文章:

javascript - 如何扩展 TypeScript 接口(interface)并对其进行公正处理

javascript - React-Router 无法创建子路由

javascript - 设置对象键值

angular - 如何让 Angular4 实时重新加载在 vagrant 机器上工作?

javascript - 如何使用javascript过滤数组中的所有字符串序列

javascript - 如何使用html webpack插件将脚本标签放在样式标签之前

javascript - Webpack bundling 如何减少 React 等流行库的重复下载?

css - 仅内联关键 CSS,或整个 15kb 的 CSS,当第一个页面 View 最重要时?

reactjs - 为 nextjs 项目设置关键 css 和删除不需要的 CSS 的正确方法