gulp v4.0を眺めてみた
gulpfileをES6に置き換える必要があり、何気にgulpの情報追っていると、 そろそろv4.0がリリースされそうなのでざっくりと眺めてみた。 gulpfileをES6で書くまず、本来の目的だったこの件、v3.9ですでに対応されていた。 以下の条件であれば利用可能のようだった。 gulp v3.9以上 gulpfile.jsをgulpfile.babel.jsとする babel-core をインストールすること 内部的にはbabelで変換しているようだ。 続いて、v4.0のCAHNGELOGも眺めてみた。 gulp4.0をインストール cliの変更点--tasks-json と --verify オプションが追加されてる。 –task-json はタスクをjson形式で出力する。 –verify はpluginsがpackage.jsonを参照しているかチェックする。 APIの変更点大
gulp.srcのglobからtsconfig.jsonのfilesを更新するプラグインを作った - Qiita
[追記] Gulpプラグインで受け取れるファイルストリームが順不同で、実行するたびにfilesの順序が変わる可能性がある。 ので、atom-typescriptと同じようにfilesGlobを展開するだけのCLIを作ったのでこっちを使って欲しい。 laco0416/tsconfig-cli Globの展開に使ってるのはatom-typescriptの内部でも使われてるTypeStrong/tsconfigなので、割と信用していいはず。少なくともnpmにある他のtsconfig展開系CLIはどれも独自にglob展開しているので使いたくなかった。 tsconfigに設定を集める、タスクランナーに設定を持たないべきという思想のメモという意味でこの記事は残す @laco0416です。gulp.srcのglobパターンからtsconfig.jsonのfilesを更新するプラグインを作りました。 gu
Gulpfile for Rails application with replaced Sprockets with Gulp
Gulpfile.js �G ��U 0�D��U 'use strict' var gulp, sass, babelify, browserify, watchify, source, util; gulp = require('gulp'); sass = require('gulp-sass'); babelify = require('babelify') browserify = require('browserify'); watchify = require('watchify'); source = require('vinyl-source-stream'); util = require('gulp-util'); var sassPath, sassSource, jsSource; sassPath = './app/assets/stylesheets/**/*
gulp 4.0について - ○△□ - yudppp techblog
はじめに gulpv4.0がそろそろリリースされそうなので、どんなことができるようになるのか調べてみようと思いました。 https://github.com/gulpjs/gulp/milestones/gulp%204 マイルストーンを見てみると78%くらい終わっていてあと少しという感じでしょうか gulp 4.0を先にinstallしてみる 直接gitから落としてくれば4.0を使うことができます。 $ npm install git://github.com/gulpjs/gulp.git#4.0 --save-dev $ npm install git://github.com/gulpjs/gulp-cli.git#4.0 –g4.0の変更内容 機能の変更内容についてはCHANGELOGに記載されています。 大きいところでいうとmethodがいくつか追加されていてgulp.seri
gulpfile スタイルガイド - v0.5.0 - Qiita
このドキュメントは、gulpfileの再利用性/メンテナンス性を高めることを目的とした、非公式なスタイルガイドです。 更新情報 2014/10/05 - バージョン番号つけました。 2014/10/04 - 「タスク辞書」あらため「タスクの共有」に。以前の内容はgulpfilesとして別ドキュメントに。 はじめに gulpfileはgulp.jsのタスクを定義するファイルです。スクリプトファイルなので自由に書ける反面、プロジェクトが大きくなると、書式を統一が問題になります。そんな時、このスタイルガイドが役に立つでしょう。対象となるのは次のようなケースです。 gulp.js に慣れて来て、再利用性のあるタスクを書きたい チームで運用する必要があり、書式を統一したい スタイルガイドとして、下記を参考にしています。また、ここで述べない JavaScript / CoffeeScript の言語と
gulp+TypeScript+Browserify+mochaの環境を作る - blog::wnotes.net
gulp+TypeScript+browserify+mochaの開発環境を作る ここ最近はずっと静的型付言語ばかり触っていて、ちょっとJavaScriptを書こうと思った時にもやっぱり型システムほしいなーってことで、TypeScriptを始めたメモです。最近のフロントエンド関連のはやりはあんまりよくわかってないですはい。 インストール npmから入る。 tscコマンドが有効になる。 複数ファイル・モジュールとimport関連でハマる ちゃんと理解してないまま使ったのもいけないけど、モジュールとimport周りで相当ハマりました。 これさえやれば大丈夫! TypeScriptのImportが取っ付きにくい人向け -Qiita TypeScriptのimport指定方法 -Qiita TypeScriptでState Monadを実装する -Qiita だいたいこの辺見てました。なお、今回は
gulp × TypeScript × Browserifyな開発環境構築 - Qiita
概要 ビルドツール ： gulp altJS ： TypeScript モジュール管理： Browserify 以下で説明していく開発環境のひな形はGitHubに置いてありますm(_ _)m https://github.com/massa142/typescript-devenv 前提 Node.jsインストール済み。 Node.jsのインストール方法に関しては、以下の記事が詳しいのでご参照ください。 node.jsのversionを管理するためにnodebrewを利用する - Qiita 参考にしたもの TypeScriptリファレンス Ver.1.0対応 gulpでbrowserifyを使う | 4uing Usage npm install gulp tsd gulp (tsc| browserify | watch| minify) ファイル構成 root ├── src
gulpで依存関係を考慮した自動コンパイル - Hatena Developer Blog
こんにちは、シニアアプリケーションエンジニアのid:taraoです。はてなエンジニアアドベントカレンダー2014の21日目として、依存先のファイルが更新されたらコンパイルしなおす処理をgulpで実現する方法について、とくにLessを例にとって紹介します。 はてなでは、JavaScriptやCSSなどの静的ファイルをTypeScriptやLessなどからコンパイルして生成することが増えています。CSS(Less)は主にデザイナが書くため、コンパイル手順はできる限り簡単にする必要があります。多くのチームでは、サーバアプリケーションをローカル環境で実行している最中はファイルの変更に応じて自動的にコンパイルしなおすようになっています。 ファイルの更新監視からコンパイルまでの処理にはGruntなどを使ってきましたが、コンパイル対象のファイルに依存関係がある場合、依存先のファイルの変更に応じて依存元の
gulp-tscとgulp-typescriptの利用方法の違いについて - Qiita
gulpでTypeScriptをコンパイルするプラグインはいくつか種類があるようですが、今のところ自分はgulp-tscとgulp-typescriptの2つを試しながら使っています。 両方使ってみると分かるのですが、利用方法にかなり違いがあるのでお好みに合わせて選ぶと良いのではと思っています。 今回はそんな2つのプラグインの利用方法の違いについて説明します。 と、その前に。 書いている途中で気づいたのですが、今現在のgulp-tscは最新のTypeScriptを利用すると上手く動作しない場合があるようです。 GitHubのIssuesでも報告されていてPull RequestsにPRがたまっているので、これらを参考にしながら自分で修正すれば直るかもしれませんがまだ試せていません。 自分の環境だと/// <reference path="...">の指定がコンパイラに正しく解釈されずにコン
gulp.js その1 概要・基本 - Qiita
本家サイト：gulp.js Grunt でなく gulp を使う理由 自動化するタスクを登録する設定ファイルを見比べると、gulpの方がはるかにすっきりしていて可読性高い。 新参のgulpはGruntに比べるとプラグインが少ないが、人気があるので今後充実していくだろう。 ルール等をきっちり決めるチーム運用の場合は、Gruntの方が良いらしい。 下記の記事が参考になった。 Gruntとgulpを比較 〜 JSおくのほそ道 ビルドツールまとめ。GruntとかGulpとか (フロント寄り) Build Wars: Gulp vs Grunt（スライド） gulp でできること プラグインを追加することで、様々な処理を自動化できる。例えば… Webサーバー/ライブリロード（gulp-connec） ライブリロードのみ（gulp-livereload） Sass、Compass、CoffeeScri
gulp.jsでWeb開発環境をつくる - Qiita
. ├── gulpfile.js ├── package.json ├── .jshintrc └── src ├── images │ └── picture.jpg ├── index.html ├── page.html ├── scripts │ ├── lib │ │ └── jquery.js │ └── main.js └── styles ├── main.scss └── sub.scss var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); var browserSync = require('browser-sync'); var rimraf = require('rimraf'); var runSequence = require('run-sequence'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
