→この記事の趣旨gulp使えるようになってほしいという神様の言葉をいただき、gulp用のコマンドだけ覚えて、神様からもらったgulpfileを大事に使ってきたんですけど、それじゃいけないな、と思ったので調べながらメモをしていく。神様のgulpfileを見ずに作る1つ目から4つ目までは神様にいただいたgulpfileでできていたので、最低限の目標。実際にgulpfileを書く前にgulpの勉強。そこから目標到達に向けてやることを切り分ける。そもそもこのレベル説明はあったはずなのだが、gulpは「なんか自動化してくれるやつ」という認識。watchとかあって監視してくれるとか、プラグインがいっぱいあっていい!みたいな。あと、npmね、あれは「なんかnodeのプラグインをいろいろできるやつ」という認識。init,installとかするんだよね。そんでnodistでバージョン管理する。このくらい書けばどのくらいこのへんが苦手かわかってもらえるだろうか。いやー、フロントエンドエンジニア界隈に希望を与えちゃう存在だと思いますよ。こんなんでも案件こなせるって。プロジェクトを作成メモを取り始める前にやったこと。gulpfile.jsとりあえずgulpだけインストール。gulpするのですが、この違いは前者がグローバルインストールしているときのコマンドで、後者はローカルという理解をしているがあっているのかはわからない...。タスクの作成ではさっそくgulpfileでタスクをランするためのなんやかんやを書いていくぞー!おー!【参考】Gulpgulpの注意点タスクをランするための注意点をメモ。既知のこともとりあえず書いていく。タスクはエクスポートによってコマンドで実行できるようになること内部タスクを処理する順番の指定のseries()(直列)とparallel()(並列)があることsrc()でファイルの読み込み、dest()で書き出しができること.pipe()で処理を連結できることファイル名にはワイルドカードが使えることgulp用のプラグインがあることwatch()でファイルの監視ができること監視し続けるため、watch()は同期タスクにしないことちょっと待ってとはいえ、確か神様のファイルは100行くらいあったので、一気に書くのは無理。目標を何段階かにわけたい。それぞれのファイルを監視して、変更があればログを出す。各種コンパイルこんなもんかな...?なお、ファイル構成は下記の通り。次回は一気に2ステップ駆け上がります。'無題'}}http://kihara.coresv.com0:0CRLFUTF-8WP©キハラ。