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

コメント

  1. Although it has 5 reels like many different slots, the Twin Spin slot presents a large 243 different ways to win. The reels could spin no faster than 80 rpm, and the reels should stop within one hundred ninety ms of urgent the button. This means they can slip as much as} three symbols to cheat you out of your skill-stopped win. Not that 바카라사이트 there are three symbols visible directly for each reel. But they can additionally cheat in your favor by serving to you win after they can afford it. They MUST spin in an enormous bonus within, say 2000 spins, so if individuals keep missing it, finally it is going to be|will probably be} forced in.

    返信削除

コメントを投稿

このブログの人気の投稿

移管の際の雑記

Github Pagesのテーマをカスタムする

ADに参加していないPCからADのパスワードを変更するとき