フィルターを使用セレクターに応じて

Question

私はブートストラップに依存するSummernote Editorを実装していますが、自分のカスタムスタイルシートを使用しています。これは私に2つの問題を与えます：

1. 私の設計が壊れてしまい、ブートストラップファイルが長すぎてトラブルを引き起こす正確なセレクタを見つけることが難しいです。
2. これは120kBのファイルをロードします.20から30のファイルが必要です（エディタがniceをレンダリングするために実際に必要な部分）。

誰もが実際に使用タグを比較するためのツール（多分オンライン）、使用されているものを指摘添付スタイルシートとソースコード内のクラスなどを知っていますか？ 長い開発中のプロシースの後で、編集をたくさんしてしまい、多くの未使用コードが残った可能性もあります。

Answer 1

任意のブラウザでウェブページを開いている間は、[要素の検査]を選択してください。

Answer 2

purifyCSSを使用できます。このサイトにはhttps://unused-css.com/というサイトのURLが必要ですが、そのサイトの1ページだけをスキャンします。このツールもあります：https://sourceforge.net/projects/cssscanner/は、使用されているセレクタと未使用のセレクタのリストを表示しますが、使用するにはWindowsを実行しているマシンが必要です。