LaravelMixでAutoprefixでgridを有効化したい時の設定

ウェブ制作
はる
はる

僕は、フロントエンドの開発環境でLaravelMixを普段使用しています。
そのLaravelMixでCSSのGridレイアウトを使用するときに、AutoprefixでIE11対応するときの設定をメモ!

webpack.mix.js

mix.sass(`resource/scss/style.scss`, `dist/assets/css/`)
.options({
    postCss: [
      require('autoprefixer')({
        grid: true,
      }),
    ],
  }
)

oputionを追記して、postCssの設定を上記のように指定します!

.browserslistrc

ie >= 11

.brewserlistrc にも、ie11以上のブラウザを指定するように指定しておきます!

タイトルとURLをコピーしました