開発環境をできるだけ簡単に作るための情報を提供しています。参考になるファイルもダウンロードできるようにしていますので、よかったら利用してみてください。基本的な使い方も理解していることを前提に書かれています。ついても解説していますので、インストール方法や使い方を学びたい方はまずこちらを参考にしてください。スタイルガイドで構文チェックを行う方法です。動作するサンプルプロジェクトを用意しています。このファイルをダウンロードして解凍してください。いう構成になっているのかわかりやすいと思います。コマンドで移動してください。インストールしましょう。インストールしましょう。以下のコマンドにすべてまとめられています。いう設定ファイルを用意しなければなりません。いうファイルを作成して、以下の内容をコピーしてください。そのままコピーして使ってください。部分はあなたが開発しているプロジェクトに沿った内容に変更する必要があります。部分にはビルドの起点になるファイルのパスを記述してください。他のファイルを読み込む基本となるファイルです。まとめたファイルを出力する場所と、そのファイル名を指定します。ついてもっと詳しく知りたい方は、以下のサイトを参考にしてください。ベースに書かれています。他サイトの昔の記事を参考にする場合は、書き方が変わっている部分がありますので注意してください。公式サイトを参考にすれば間違いはないです。利用して、ブラウザで表示できるように変換します。そのための設定を書かなければなりません。中に書くことも可能です。設定ファイルが増えていくと管理が大変になりますので、できるだけひとところにまとめた方が楽です。書く方法を採用しています。]},上記コードを見てください。パッケージの設定を行っています。説明が難しいのですが、以下のような機能を持っています。+をES5にコンパイルするバベルプリセットです。過去2バージョンのブラウザまで対応しながらトランスパイルするといったターゲットの指定ができるパッケージです。中に書くことが可能です。書かれた部分にルールについての記述を行っていきます。いう表記は、行末にコンマをつけなければならないというルールを無効にしています。実際に開発を進めていると、不要に感じたりするルールが出てきますので、そのたびに自分で追加していく形になります。エラーとして扱う詳しくは以下の公式サイトを確認してください。設定が完了すると、このような内容になります。内部に書ける設定は他にもあります。知りたい方は以下のページを参考にしてください。利用できる環境が整いましたので、お使いのエディターでも扱えるようにしましょう。利用する方法を解説しています。利用する方法を調べてください。開き、上部メニューから環境設定を選んでください。次にインストールを選んで、画像の画面に移動してください。検索してインストールしましょう。使えるようになります。ビルド(ファイルの出力)をしてみましょう。書くか、サンプルプロジェクトのファイルを利用してください。以下のように書き換えてみてください。できるようになります。buildと入力してみてください。記述した場所に、ファイルが出力されているはずです。出力されたファイルは開発用で圧縮されていません。部分を以下のように書き換えてください。すると、圧縮されたファイルが出力されます。よって自動的にビルドされるようになります。書き方を覚えていってください。関連のパッケージもたくさんあって学習コストは高めですが、一度使えるようになると便利なので頑張ってください。ここで解説しているものをベースにして、必要なパッケージやプラグインを追加していく形で開発を進めていけると思います。進化が激しいので、バージョンが変わると書き方が変わっていたりしますので、そういった場合はまず公式サイトをチェックするようにしてください。この記事も含め、ネットにある情報はすぐに古くなってしまうので、できるだけ新しい情報を参考にするようにしてください。以下で解説している部分は必須ではない項目です。不要だと思った場合は設定ファイルから削除することができます。してアクセスできる値を設定しています。console.log('development');}例えば上記のように使うことで、開発時のみ分岐させるといったことができます。この部分は必須ではありませんので、不要なら削除してください。この部分は、ソースマップを出力するための設定です。いうファイルが出力されています。するとソースマップが同時に出力されます。エラーが出た場合、エラーの詳細が表示されるオプションです。リンク公式サイトのリンクです。情報を集めたい場合はこちらを活用してください。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト日本語が含まれない投稿は無視されますのでご注意ください。