有没有办法让 Penthouse 在启用 javascript 的情况下获得关键的 css？答案

【问题标题】：Is there a way for Penthouse to get critical css with javascript enabled?有没有办法让 Penthouse 在启用 javascript 的情况下获得关键的 css？
【发布时间】：2023-01-27 17:46:59
【问题描述】：

我正在使用 laravel-mix-criticalcss npm 包来获取我网站的关键 css。

在引擎盖下它使用Penthouse，您可以在关键选项的webpack.mix.js 中设置 Penthouse 设置。

阁楼文档文档状态：

通常，您必须确保要在关键 css 中设置样式的所有元素都出现（可见）在页面的 HTML 中（禁用 Javascript）

这在我们的网站上是不可能的。我知道您可以在阁楼设置中提供一些 Puppeteer 设置。有没有办法让它启用 JavaScript？

【问题讨论】：

标签： javascript css npm laravel-mix critical-css

【解决方案1】：

有一个 blockJSRequests 选项。

mix.criticalCss({
    options: {
        penthouse: {
            blockJSRequests: false,
        }
    },
})

【讨论】：