言語を選択

ホームページ arrow-right ... arrow-right 開発ツール arrow-right DropCSS

DropCSS の代わりとなる 5 個の無料および有料のリストをまとめました。 主な競合相手はHelium CSSPurgecssです。 これらに加えて、ユーザーは DropCSS と PurifyCSSUnCSSuCSS の間の比較も行います。 また、他の同様のオプションもここで確認できます: 開発ツール


Helium CSS
Free Open Source

サイトをスキャンして未使用のCSSを表示するJavaScriptツール

未使用のCSSを削除します。 単一ページのアプリでも動作します。

UnCSS
Free Open Source

CSSから未使用のスタイルを削除する

uCSS
Free Open Source

使用されていないCSSを見つける

シンプルで徹底した高速の未使用のCSSクリーナー

DropCSS 概要

DropCSSは未使用のCSSクリーナーです。 入力としてHTMLとCSSを受け取り、使用されたCSSのみを出力として返します。 コアは、これらのすばらしい低レベルツール間の最小限の接着剤です。

•高速HTMLパーサー
•CSSTree
•css-select

DropCSSのロジック全体は、この〜60行のファイルです。

clean-cssなどのオプティマイザーを使用してCSSを実行し、セレクターをグループ化し、冗長なルールをマージおよび削除し、未使用のキーフレームをパージすることもお勧めします。出力を前後にバウンス[および再解析]するのを避けるために、最初にDropCSSを実行するのが理にかなっています(最適化&縮小->ドロップ)vs(最適化->ドロップ->縮小)実際の入力; プロファイリングはあなたの友達です。

/ r / javascriptおよびHacker Newsのこのプロジェクトのバックストーリーとディスカッションについてもう少し説明します。

トップDropCSSの代替案

ソフトウェアについての意見を共有し、レビューを残してさらに向上させるのに役立てましょう!

DropCSS カテゴリー

開発ツール

DropCSS タグ

unused-css css-development css3 css development

変更の提案

あなたのフィードバック

評価を選択してください
評価を選択してください

Your vote has been counted.

Do you have experience using this software?