NPMスクリプト - クリティカルCSS

Question

は、私が使用していますアディOsmaniの「緊急」レベル https://github.com/addyosmani/critical

package.json以下正常に動作しているが、ビルドは唯一の重要なCSSが抽出ないコピーされます。私は試してみました - 定義されたスタイルシートの有無にかかわらず複数の場所を抽出し、私はそれの周りに私の頭を包むことができないようです。

{ 
"name": "boilerplate", 
"version": "1.0.0", 
"main": "index.js", 
"repository": "", 
"author": "", 
"license": "MIT", 
    "scripts": { 
    "build:critical": "critical index.html --minify --css dist/css/style.css > dist/css/critical.css", 
    }, 
    "devDependencies": { 
    "critical": "^0.8.1", 
} 
} 

Answer 1

代わりにHTMLファイルを出力すると、CSSが抽出されます。私も同じ問題がありました。さらに、出力インデックスファイルでは、CSSリンクのrel = "preload"が自動的に設定されます。

ここでは、私が使用していますコマンドです：

critical dist/public/index.html --base dist/public --inline --minify > dist/public/index.critical.html 

私はそれに役立つことを願っています。