以下の内容はhttps://karoten512.hatenablog.com/entry/2018/12/21/233606より取得しました。


babelで現在のnodeJsのバージョンに合わせてトランスパイルする

** あとで少し追記する

babelのinstall

yarn init -y
yarn add @babel/cli --dev
yarn add @babel/core --dev

コンパイルするソース

class Hoge {
  constructor() {
  }
}
const hoge = new Hoge();

コンパイル

何も入れず、そのままコンパイルしてみる

yarn run babel index.js
class Hoge {
  constructor() {
  }
}
const hoge = new Hoge();

そのままでてきた。

@babel/preset-envを入れてみる

今まではbabel-preset-es2015など、 トランスパイルするときに参照する仕様をパッケージに追加する必要があった。

しかし、@babel/preset-envを用いれば、 実行環境に合わせて勝手にパッケージを追加してくれる。

また、ブラウザを指定した変換ができたりする。

今回はnode上で動くようにトランスパイルするので、 .babelrcを以下のように指定。

yarn add @babel/preset-env --dev
{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "entry",
        "targets": {
          "node": "current"
        }
      }
    ]
  ]
}



以上の内容はhttps://karoten512.hatenablog.com/entry/2018/12/21/233606より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14