FrontEndWorkflow
Module Loader¶
RequireJS¶
Browserify¶
- Browserify
- Browserify: それはrequire()を使うための魔法の杖 - Qiita
- npmとbrowserifyを使ったクライアントサイドのウェブアプリ開発 | Web Scratch
webpack¶
- webpack入門 - Qiita
- RequireJS等はもう古い。WebPackとは？｜1 pixel｜サイバーエージェント公式クリエイターズブログ
- gulp + webpack + reactの最小構成 - Qiita
- レガシーシステム上のJavaScriptをモダンビルドにしていくwebpack利用実例 - Qiita
- webpack のチュートリアルをやってみる - Qiita
- webpack.config.jsの読み方、書き方 - dackdive's blog
- webpack.config.js
- webpack-dev-serverの基本的な使い方とポイント - dackdive's blog
- webpack-dev-server
- Hot Module Replacement (HMR)
- Webpack & The Hot Module Replacement – Medium
- HMR 図解
- webpackとbabelでES6コードをさくっと書く - getalog
- リクルートテクノロジーズのフロントエンド開発 2016 - from scratch
- React with Reduxによる大規模商用サービスの開発 / nodefest2016 // Speaker Deck
- 画面毎のJS分割 (require.ensure)
- webpackのrequire.ensureでDynamic Loadingをして大規模アプリケーションを作る - Qiita
- Webpack+React+BootstrapでWebアプリ - くらげになりたい。
- https://github.com/shakacode/bootstrap-loader
- React x Webpackプロジェクトの雛形を作る
- webpack + font-awesome test
- chrisvfritz/prerender-spa-plugin: Prerenders static HTML in a single-page application.
- webpackでcssとimageをバンドルする - Qiita
Task Runner¶
npm¶
- task automation with npm run
- gulp なしの Web フロントエンド開発 | アカベコマイリ
gulp を利用せず package.json と npm だけで同等の機能を実現する方法
Grunt¶
Gulp¶
- GulpでAngularアプリのビルド自動化 Bower + Jade + Coffee + Less - Qiita
- gulp.js - the streaming build system
- gulpとかnpmのこととか by A Memorandum
- gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】 - yutaponのブログ
- npm + gulp + bower でビルド自動化 - GeekFactory
- JS、CSS、画像ファイルといった静的ファイルにリビジョンを付与してブラウザのキャッシュ問題を回避する – Gulp で作る Web フロントエンド開発環境 #9 – NET BIZ DIV. TECH BLOG