2016-10-13 7 views
0

grunt-criticalをPHPプロジェクトにインストールし、動的にレンダリングされたページからCSSを生成したいと思います。私は、最も簡単な方法は、HTMLソースとしてlocalhostを使用することだと思います。ソースとしてローカルURLでgrunt-criticalを使用

だから私はofficial exampleイサキタスクを使用して、それを微調整:grunt criticalを実行

critical: { 
    test: { 
    options: { 
     base: './', 
     css: [ 
     'web/css/style.min.css' 
     ], 
     width: 320, 
     height: 70 
    }, 
    src: 'http://localhost:9000/', 
    dest: 'web/css/critical.css' 
    } 
}, 

でエラーが発生します:

Running "critical:test" (critical) task 
Unhandled rejection Error: socket hang up 
    at createHangUpError (_http_client.js:203:15) 
    at Socket.socketOnEnd (_http_client.js:288:23) 
    at emitNone (events.js:72:20) 
    at Socket.emit (events.js:166:7) 
    at endReadableNT (_stream_readable.js:893:12) 
    at doNTCallback2 (node.js:429:9) 
    at process._tickCallback (node.js:343:17) 

ん要求はしかし、Webサーバに到達していません。私は依存関係がないのですか?これは正しい方法ではありませんか?

(編集)以前私はPHPサーバがエラーを返すと思っていましたが、それは無関係でした!サーバーに要求ログはありません。

答えて

1

リモートURLは次のように公式の例を微調整、代わりにgrunt-criticalcss NPMモジュールを使用して素晴らしい仕事をフェッチ:

criticalcss: { 
    custom: { 
     options: { 
      url: "http://localhost:9000", 
      width: 1200, 
      height: 900, 
      outputfile: "web/css/critical.css", 
      filename: "web/css/style.css", 
      buffer: 800*1024, 
      ignoreConsole: false 
     } 
    } 
}, 
関連する問題