Wood-Roots:blogHOMEツール/エディタ201906/11【小ネタ】Preprosを使ってCSSファイルにAutoprefixerだけを適用するツール/エディタSassやビルドツールなどを使わずに書いたプレーンなCSSにベンダープレフィックスを足したい、というときはPreprosを使えば簡単にできます。古い案件のメンテナンスとか諸事情によりSassを使えないとかそういうときに使えるテクニックです。ADsPreprosのダウンロードとインストール...の説明は割愛します。基本的な使い方はググれば多くの方が書いておられますので見てみてください。Prepros1.サイトデータの登録いつもどおりにサイトデータの入っているフォルダを登録します。フォルダをPreprosのウインドウにドラッグ&ドロップすると簡単に登録できます。登録後、Autoprefixerを使う設定をするため「Settings」をクリックします。Settings」、「Css」を選択します。With」は「Autoprefixer」、「Autoprefixer」は「Autoprefixer」にチェックを入れます。Css」にもチェックをいれます。suffix」を空白にするとCSSファイルを上書きします。suffix」にファイル名に足す文字列を入力してください。CSS」のみにチェックを入れると、CSSファイルをMinifyだけすることもできます。静的サイトをシビアに軽量化する必要があるときなどに使えるかもしれません。3.CSSファイルを選択、実行Autoprefixerを適用したいCSSファイルを選択します。File」をクリックするとAutoprefixerが適用されます。以前こういう作業が必要になった際はちまちま置換で置き換えてましたが、見落としや漏れがあり検証もめんどくさいことになってました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイトCommentsコメントはまだありません。2Archive2020年92019年182018年102017年172016年202015年212014年312013年552012年50SearchSocialAboutWeb制作会社ではたらく社畜のアウトプットです。Web制作技術のほか、雑記など。当ブログと運営者についてもっと詳しく見るプライバシーポリシーContactお問い合わせは下記フォームをご利用ください。お時間がございましたらお問い合わせの前にこちらをご一読いただけますと幸いです。Wood-Roots:blog。