💭
Autoprefixer
- CSSファイルを作って以下のstyleを追加
display : flex
-
npm run buildを実行して.next\static\css\your_css_fileファイルを確認
もしくは開発者ツール(F12)を開いてCSSを確認
-
下のコマンドを実行
npm install autoprefixer
npm install postcss
- postcss.config.jsというファイルを作って下の内容をコピーペースト
module.exports = {
plugins: {
autoprefixer: {},
},
};
- package.jsonに下の内容をコピーペースト(https://autoprefixer.github.io 参照)
"browserslist": [
"last 2 versions"
]
- npm run buildを実行して.next\static\css\your_css_fileファイルを確認すると自動変換されたことを確認できる
Discussion