Memorandum

お米の国でちょっと頑張っているフロントエンドデザイナの備忘録。

Nuxt.jsで自動的にベンダプレフィックスを付ける方法

環境

Nuxt.js : 2.4.3

手順

1.autoprefixerを入れます。

$ yarn add -D autoprefixer
or
$ npm install --save-dev autoprefixer

2.ルート直下に.postcssrcを追加します。

// .postcssrc
{
  "modules": true,
  "plugins": {
    "autoprefixer": {
      "browsers": [
        "last 2 version",
        "ie >= 11",
        "iOS >= 9.0",
        "Android >= 4.4"
      ]
    }
  }
}

3.おわり🙌

なぜなのか

Nuxt.jsのデフォルトでpostcssが入っているから ja.nuxtjs.org