gulpに関するtoumeinaのブックマーク (2)

  • gulp-watchify を試す - アカベコマイリ

    これまで Browserify/watchify 関連の gulp タスクは greypants/gulp-starter を参考に自前で定義していたのだが、処理の長さゆえ複数ファイルに分割せざるを得ず見通しがよくないと感じていた。 そこで Browserify/watchify 周りの機能を gulp プラグイン化した gulp-watchify を試してみる。 基的な使い方 gulp-watchify のサンプル コードは GitHub リポジトリ内の examples ディレクトリに公開されている。 marcello3d/gulp-watchify Transform は setup 関数内で実行、Uglify は pipe 上で処理しているようだ。しかし Browserify オプションについては触れられていない。Source Maps 出力などはどうすればよいのだろう? 高度?

  • npm管理のライブラリが提供する css をインポートする - Qiita

    概要 クライアントサイドのパッケージ管理は,bower から npm に移した方が良いらしい.npm 管理の JavaScript パッケージは,Browserify を使えばインポートできる.では,CSS はどうやってインポートすれば良いのか?例えば,bootstrap を npm でインストールして bundle.css に取り込むにはどうすれば良いのか?調べた結果をまとめる. 前提 タスクランナーとして Gulp を使う.また,各パッケージのフォルダ構成に依存しない方法を探す.また,下記の例では bootstrap を使用しているが, npm i --save bootstrap にてインストール済みとする. Parcelify を使う JavaScript のインポートに Browserify を使う場合,プラグインの一つである Parcelify の利用はメジャーな方法だろう.逆

    npm管理のライブラリが提供する css をインポートする - Qiita
    toumeina
    toumeina 2017/04/14
    “Parcelify”
  • 1