💭

Autoprefixer

2024/10/10に公開
  1. CSSファイルを作って以下のstyleを追加
display : flex
  1. npm run buildを実行して.next\static\css\your_css_fileファイルを確認
    もしくは開発者ツール(F12)を開いてCSSを確認

  2. 下のコマンドを実行

npm install autoprefixer
npm install postcss
  1. postcss.config.jsというファイルを作って下の内容をコピーペースト
module.exports = {
    plugins: {
        autoprefixer: {},
    },
};
  1. package.jsonに下の内容をコピーペースト(https://autoprefixer.github.io 参照)
"browserslist": [
    "last 2 versions"
  ]
  1. npm run buildを実行して.next\static\css\your_css_fileファイルを確認すると自動変換されたことを確認できる

Discussion