JavaScript
babel
TreeShaking

JavaScript 勉強メモ

Babelの設定ファイル(対象ブラウザの設定方法)

.babelrc
{
  "presets": [
    ["env", {
      "targets": {
        "browsers": [
          "last 2 versions",
          "android >= 5",
          "ios >= 9",
          "Explorer >= 8"
        ]
      }
    }]
  ]
}

使用できるフォーマットは browserslist

Tree Shaking

利用していない不要なコードを除去して出力する機能

チョイスしてimportしてるのに、全部import入っちゃう (exports used *)

設定方法

ESモジュール→commonJS形式の変換を無効にする

.bablerc
  "presets": [
    [ "env", {"modules": false } ],
    "flow"
  ],

参考記事