babelでJavascriptをレガシーな形式に
babelでJavascriptをレガシーな形式に きっかけ 最近、JQueryの前で止まっていたJavascriptを勉強し始め いろいろ止まっていた知識を詰め込みなおしているのですが 新しい書式で書くとやはり古いブラウザで動かない →変換だ！と Babel を入れてみることに 環境構築 nodejsが必要なので、 公式ドキュメント に従い、インストール 事前準備 今回はWSLでインストールしているDebianに入れるので、Debian用の設定を使用する #curl -sL https://deb.nodesource.com/setup_11.x | bash - #apt-get install -y nodejs ついでにyarnも入れておく こちらも 公式に従って インストール $curl -o- -L https://yarnpkg.com/install.sh | bash ...snip... > Successfully installed Yarn 1.12.3! Please open another terminal where the `yarn` command will now be available. ユーザーの$HOME/.yarnにインストールされ、.bashrcにPATHが追記されるため、再読み込みをする $source ~/.bashrc 作業フォルダを作成し、Yarn経由でBabelをインストール (Babelの7系を使用) $mkdir test && cd test $yarn add @babel/cli @babel/core @babel/preset-env --dev コンフィグを流し込む $cat > .babelrc { "presets": ["@babel/preset-env"] } 動作確認 $./node_modules/.bin/babel test.js