ファイルシステムを Chrome に接続しているので、CSS の変更が保存されるのだと思います。
しかし、私はそうなってほしくないのです。
スタイル パネルで行った変更を Chrome に「忘れる」ように指示するにはどうすればよいですか?CSS を元に戻すためにアプリを再構築したくありません。
注: 設定でキャッシュをオフにしています。これはキャッシュの問題ではありません、CSS の変更がファイルに保存されます。
より詳しい情報
たとえば、私は Bootstrap を使用しているので、form-groupクラスがあります。多くのソースが最終的な CSS にコンパイルされ、 と呼ばれますapp.css。form-group はスタイル ペインで次のようになります。
次に、いくつかの変更を試してみたいので、次のようにします。
見た目が悪いので最初からやり直したいのでページをリロードしましたが、チェックを外したルールはまだチェックされていません。
ブラウザを閉じたり、まったく別の新しいブラウザでサイトを再度開いたりするなど、さまざまなことを試しましたが、変更はそのまま残り、2 つのルールが取り消し線で消されたままです。
コンパイルされた を見るとapp.css、これらのルールがコメントアウトされて保存されていることがわかります。
Chrome に CSS の変更を保存しないように指示するにはどうすればよいですか?
答え1
私が見つけた解決策の1つは、アプリを再構築するたびにやり直す必要があるものの、ファイルシステムからフォルダを除外するソース ペインのフォルダー。
私が見つけた最も簡単な方法は
スタイル ペインで CSS ルールを確認し、CSS ファイルをクリックします。
これにより、ソース ペインの CSS ファイルが表示されます。ファイルのタブを右クリックし、[サイドバーに表示] をクリックします。
すると、ファイルシステム ペインにフォルダーが表示されます。それを右クリックして、「フォルダーを除外」を選択します。