201815日目の記事です。今年の8月ぐらいにNodejsを始めまして、その後色々思いついては組んでボツってという流れを5,6回やってきました。最初は現行のv3を使っていたのですが、どうやらv4ってのがリリースされててしかも前と比べてかなりナウく書けるということで、まとめ的な意味を込めて上記のカレンダーに参加させていただきました。ES6より前のJSを書くなんて論外というのが持論ですので、GulpfileもES6以降の構文をバンバン使っていきます。以下のサイトを参考にしています。使うものPug/Stylusを用いて、簡単なWebサイトを一瞬で作るためのテンプレGulpfileを作っていきます。Gulp4とBebel7を用いて、出力先のディレクトリを鯖にあげたら接続できる状態までしていきます。実際に作るガリゴリGulpfileを書いていきます。モジュール追加まずはモジュールを追加します。7からbabel-から@babel/に変わったそうです。browser-syncgulp@nextじゃないとv3.9.1が入ります。曖昧な記憶なのですがv3.9.1は何かが理由でimport/exportが使えなかった気がします。v3系で使いたい場合はv3.9.0を使われることをオススメします。browser-syncをGulp系に書くのは違和感がありますがGulpで使うので良しとしましょう。以下はpackage.jsonです。}}.babelrc.babelrcを書いていきます。BrowserListは自分用のリストを作っておくといいです。こだわらない方だったら5分もかからないです。]}特徴はBabel7から追加された@babel/preset-envです。presetは他にもあるのでぜひこちらで確認してみてください。GulpfileでHelloWorld上記の設定ができたらES6以上の構文を使ってGulpfileが組めます。HelloWorldを組んでみます。