1

問題は、CSS マッピングを Chrome (v38、OS X) の Compass プロジェクトで動作させようとしているため、ページをリロードする必要なく CSS をリロードすることです。

このhttps://developer.chrome.com/devtools/docs/css-preprocessorsと、このhttp://www.sitepoint.com/using-source-maps-debug-sass-chrome/に従いました

私は完全に作業中のコンパスプロジェクトを持っており、を使用してコンパイルしてcompass watchいます。

Config.rbに追加sourcemap = trueし、.mapファイルが正常に作成されました。

サイトを読み込むと.map、コンソールの [ネットワーク] タブに読み込まれたファイルが表示されます (ステータス コード 200)

Enable CSS source mapsChromeの設定でAuto-reload generated CSSもオンになっています。

しかし、CSS の変更を再コンパイルすると、DevTools にもページにも表示されません。ただし、DevTools を再度開くと、[スタイル] タブに変更が表示されますが、ページには適用されません。

要約すると、次のようになります。

  • コンパスのコンパイルなどに問題はありません。
  • .mapファイルはコンパイルされ、200 OK 応答で HTTP サーバーを介してロードされます
  • .scssスタイルインスペクターで参照を見ることができます。だからChromeは私のファイルbody {...} style.scss:18と通信しました.map
  • SCSS をコンパイルすると、再度開いたときにのみ DevTools に変更が反映されます
  • 再度開いた後、[スタイル] タブで CSS の変更を確認できますが、ページに適用されていません

ここで問題になる可能性のあるアイデアはありますか? ありがとう

4

1 に答える 1