@nuxt/babel-preset-appのtargetsにpackage.jsonのbrowserslistを使う

はじめに

ChromeBot(Chrome41相当らしい)の対策にBabelのブラウザターゲットの設定をしたくなって調べたのをメモ

package.json

package.json

"browserslist": [
  "last 2 versions",
  "ie >= 9",
  "chrome >= 41"
]

nuxt.config.js

nuxt.config.js

const pkg = require('./package')

/* 中略 */

build: {
  babel: {
    presets({ isServer }) {
      return [
        [
          require.resolve('@nuxt/babel-preset-app'),
          {
            targets: isServer
              ? { node: 'current' }
              : { browsers: pkg.browserslist }
          }
        ]
      ]
    }
  }
}

おわりに

どうせならAutoprefixerのほうと設定を同一にしようとなった結果だったりするのだけど
Chrome41はあくまでChromeBot対策なのでAutoprefixerとは設定を分けたほうが良いのかなーと思ったりもする。
ただ、自分の手元ではそんなにファイルサイズ変わらなかったので同一で良いかなとなった。

参考

https://github.com/nuxt/nuxt.js/issues/4900
https://github.com/nuxt/nuxt.js/issues/271