gulp なしの Web フロントエンド開発 の追補編として gulp を利用するケースもまとめておく。元記事と同じプロジェクトと機能を gulp で実装した。記事の構成は「gulp なしの〜」を踏襲。各項の説明は package.json の scripts に代わって gulp タスクとしている。 設計方針 はじめに設計方針を決めておく。 AltJS から JavaScript へのコンパイルに対応する AltCSS から CSS へのコンパイルに対応する ファイル監視による AltJS/AltCSS の自動コンパイルに対応する ユニット テストに対応する コードド キュメント生成に対応する Windows 環境を考慮する 単体 gulpfile.js のみで実装する 方針 1 〜 6 までは「gulp なしの〜」と一緒。方針 7 は環境に関する設定を package.json と g
Web フロントエンド開発において gulp は非常に便利だ。しかしあまりにも gulp に依存しすぎており、これなしで開発できるだろうか?という不安もある。というわけで gulp を利用せず package.json と npm だけで同等の機能を実現する方法を検討してみた。 2015/11/4 追記 babelify v7.2 を試すで babelyfy 7.2 ( とその中の Babel 6.x ) について調べ、npm-scripts の変更が必要なことを確認したので追記。また Windows 環境の動作検証をおこなったところ、最新の watchify なら -o オプションが通ることを確認できた。よって本記事の最後の課題が解決したことになる。 2015/9/23 追記 cpx と rimraf を試すの内容をファイル処理に反映して簡略化。 2015/9/15 修正 Stylus
技術記事・備忘録・その他気になったことをまとめています。また、このサイトの記事はすべて、クリエイティブ・コモンズ 表示 4.0 国際のもと公開しています。ご自由にどうぞ。 OUTLINE メイキング いい作り方ができた制作は、可能な限りそのテクニカルな部分を共有するようにしています。動機は「同じ問題を二度解くような無駄はいやだ」を参照。ただ自慢したいだけでもありますが。 新千歳国際アニメーション映画祭2018: 3Dモデルを送り描きする 映像作家100人2018 ティザー映像: Octane Renderer, 反応拡散系その他 imai – Fly feat. 79, Kaho Nakamura: カメラが自由に動くコマ撮り group_inou – EYE: StreetViewを使ったタイムラプス、雑コラ Olga Bell – ATA: 空間認識を錯覚させるパースペクティヴ すべて
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く