ES6 で書く環境（Babel + Browserify + gulp 編）＆ RxJS と jQuery の導入例 - Qiita
自分的にはどの JavaScript ライブラリを試すにしても、この環境の上に目的のライブラリを載せるnのが一番効率が良いかなと思い、テンプレート化してみた。 テスト系が含まれていないが、学習目的ならこれで十分かと。 下記は補足です。 Node.jsモジュールの構成(package.json) 主要なのは browserify と、Babel 用のトランスパイラである babelify です。最悪この２つだけあれば、本 package.json の scripts の build に書いてあるようなコマンドを叩く(もしくはこの環境の場合は $ npm run build で実行できる)ことで ES6 から ES5 への変換および Browserify による Node.js ライブラリ（= npm コマンドでインストールした node_modules 配下のライブラリ）を含んだ形で、Jav
React.js + Babel + Browserify + gulp の環境を作ってみた - Qiita
手元でコードを書きながら React.js を学習しようと、タイトルどおりの最小構成を作ってみました。 上記の公式ページの Starter Kit や Tutorial の構成が物足りなかったので.. GitHub に置いたので、よろしければ参考にしてください。 ⇒ https://github.com/hkusu/react-babel-browserify-gulp-sample 上記の README.md に記載している通り、特徴としては次のとおりです。 ECMAScript 6 構文のサポートおよび JSX ファイルのコンパイルに Babel を利用 依存モジュールの管理(CommonJS準拠)に Browserify を利用 タスクランナーとして gulp を利用 またサンプルコードとして、簡単なデータバインドを React.js で実装してあります。デモは こちら(GitHub
How to uglify output with Browserify in Gulp?
I tried to uglify output of Browserify in Gulp, but it doesn't work. gulpfile.js var browserify = require('browserify'); var gulp = require('gulp'); var uglify = require('gulp-uglify'); var source = require('vinyl-source-stream'); gulp.task('browserify', function() { return browserify('./source/scripts/app.js') .bundle() .pipe(source('bundle.js')) .pipe(uglify()) // ??? .pipe(gulp.dest('./build/sc
React + Browserify + Gulp - Qiita
以下のようなことがやりたくて環境を整えてみたのでメモ。 Reactつかいたい + JSXで書きたい 再利用できそうなComponentを別のjsファイルにしておいて、requireで依存性を解決とかしたい トップページ用のjsと、検索ページ用のjsが別々に存在してる、みたいな想定。うまく言えないけどrequireのrootが複数あるような？ watchしておいて勝手にビルドされるといいな ということでタイトルのものを組み合わせてみたのだけれど、不勉強だからか意外とハマりました。。 package.json 色々試行錯誤していって最終的に以下のようなpackage.jsonが出来上がりましたという感じです。 { "name": "test-proj", "description": "test project", "main": "gulpfile.js", "scripts": { "wa
gulpとBrowserifyでJSをビルドしてみた - Qiita
はじめに gulpとBrowserifyを組み合わせてフロントエンドJSをビルドする機会があったので、一通りやってみたことをまとめてみた。 gulpについて Node.jsのstreamを活用したビルドシステム、ということらしい。 Streamのおかげでビルドフローをとても直感的に記述できると感じた。 他のWebフロントエンドのビルドシステムは使ったことがないので比較はできないけど…。 Browserifyについて node.jsと同じように (npm、requireなどを使って) モジュール化されたフロントエンドJSが書けるツール。便利。 JSのモジュール化というと、最近はwebpackというのもあるらしい。 基本 gulp = require 'gulp' source = require 'vinyl-source-stream' browserify = require 'brow
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React入門 - Part2: Browserify/Reactify/Gulpを使う - Qiita
Payforward