タグ

2021年5月28日のブックマーク (3件)

  • 【gulp】我、破壊神となりてdelをもってファイルを削除すべし - クモのようにコツコツと

    メタ言語の続きです。前回はgulp.tusk()をgulp4が推奨する関数の形に書き換えました。今回はファイルの削除!コンパイル後にファイルの削除やリネイムが反映されなかったため。delを使います。それではいきましょう! 【目次】 前回のおさらい ファイルのリネイムや削除がコンパイルに反映されない! delにて破壊神になる! delをインストール、インポート 削除する関数を作成 全ファイル削除 HTMLファイルを削除 画像ファイルを削除 タスク化 watchタスクにhtmlCleanとimgCleanを追加 デフォルトのタスクにcleanを追加 動作確認 gulp起動 HTMLファイルの変更 画像ファイルの変更 最後に ※参考:前回記事 【gulpfile.js】gulp.task()を関数化(←gulp4推奨)他、リファクタリング - クモのようにコツコツと ※参考:【メタ言語】HTML

    【gulp】我、破壊神となりてdelをもってファイルを削除すべし - クモのようにコツコツと
  • Gulp4がリリースされたのでgulpfile.jsをアップデートした | iret.media

    昨年12月11日にめでたくGulp v4.0が正式リリースされたので、webサイト制作用gulpfile.jsの設定を見直してみました。 公式ドキュメント 迷ったらこちらを見直します。英語です。 入門ガイド APIドキュメント Gulp4新機能おさらい では新機能を確認します。 1. タスクを直列処理するseries()と並列処理するparallel()メソッドが追加。run-sequenceプラグインはもう必要ない 2. watch()タスクはchokidarを使用したものに変更。gulp-watchプラグインはもう必要ない 3. lastRun()を使用して差分ビルドが簡単に。gulp-changedプラグインはもう必要ない 4. symlink()でシンボリックリンクを作成しpackage.jsonとnode_modulesを使いまわすことが可能に 5. ソースマップ組み込みサポート

    Gulp4がリリースされたのでgulpfile.jsをアップデートした | iret.media
    h1rokey0401
    h1rokey0401 2021/05/28
    “gulp.lastRun(images)”
  • 【gulp4入門】インストールから使い方まで徹底解説!

    プロジェクトの初期化(npm init) まず、プロジェクトの初期化をしていきます。 WindowsであればPowerShell、Macであればターミナルを開き、作業したいディレクトリへ移動します。 ディレクトリへの移動は、cdコマンドを使います。 たとえば、デスクトップにあるgulp-projectというディレクトリに移動したい場合は、以下のようにします。 (Windowsのコマンドプロンプトでは、ホームディレクトリを表す「~」を使うことができないのでご注意ください) $ cd ~/Desktop/gulp-project/ cdコマンドの詳しい使い方については、以下の記事を参考にしてください。 Windowsの場合 作業用ディレクトリに移動したら、「package.json」というファイルを作成します。 「package.json」というのは、プロジェクト名やライセンスなどの情報をまと

    【gulp4入門】インストールから使い方まで徹底解説!