autoprefixer
自動で
CSS
の
ベンダープレフィックス
をつけてくれるツール
#2023/08/29
導入(
Astro
環境下で設定)
1.
PostCSS
と一緒に入れる
$ pnpm install postcss autoprefixer
2.プロジェクトルートに
postcss.config.cjs
を追加。内容は以下のように
code:postcss.cjs
module.exports = {
plugins:
require("autoprefixer")
,
};
これでとりあえず動く。以降は詳細設定
3.
package.json
に
"browserslist"
の項目を追記
どのようにベンダープレフィックスをつけてくれるかここで指定するということらしい
参考
CSSとスタイル 🚀 Astroドキュメント
GitHub - postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
GitHub - browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env