Awesome Browserify
Browserifyを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
目次
概要
Browserify は、すべての依存関係をまとめてバンドルすることで、ブラウザー内で require('modules') を使えるようにします。
Node 形式の require() を使ってブラウザーコードを整理し、npm でインストールしたモジュールを読み込めます。Browserify はアプリ内のすべての require() 呼び出しを再帰的に解析し、単一の <script> タグでブラウザーへ配信できるバンドルを構築します。
公式リソース
コミュニティリソース
チュートリアル
記事
- Browserify 入門
- クライアント側で npm を使う
- Browserify の仕組み
- Gulp + Browserify：すべてを扱う記事
- Browserify 対 Component
- Webpack ユーザー向け Browserify
- Browserify 対 Webpack
デモ
動画
- James Halliday（substack）- LXJS 2013 - Modularidade para todos
- Browserify を始める、作者：shama
- Browserify でバンドルを変換、作者：shama
ツール
開発サーバー
- budo - 高速なプロトタイピング用の開発サーバー。
- beefy - Browserify を高速かつ楽しく使えるようにするローカル開発サーバー。
- wzrd - 非常に小さな Browserify 開発サーバー。
プラグイン
- browserify-hmr - Browserify 向け Hot Module Replacement プラグイン。
監視ツール
- watchify - Browserify ビルドの監視モード。
- persistify - 差分ビルドを実現する
browserifyのラッパー。
CSS バンドラー
- sheetify - Browserify 向けのモジュール式 CSS バンドラー。
- parcelify - Browserify で利用する npm モジュールへ CSS を追加。
- css-modulesify - CSS Modules を読み込む Browserify プラグイン。
変換
- babelify - Babel 向け Browserify 変換。
- aliasify - ビルド時に require 呼び出しを再マッピング。
- brfs -
fs.readFileSync()とfs.readFile()で静的アセットを扱う Browserify 変換。
ブラウザー上の Node
- crypto-browserify - Node の
cryptoモジュールをブラウザーへ移植。 - stream-browserify - Node コアの
streamモジュールをブラウザーで利用。 - buffer - Node.js の
bufferモジュールをブラウザーで利用。 - requirebin - NPM のモジュールを使ってブラウザー向け JavaScript プログラムを記述。
本番用ツール
- wzrd.in - Browserify CDN。サービスとしての Browserify。
- bankai - 自作可能なアセットサーバー。HTML、CSS、JavaScript をストリームとして配信。
貢献
貢献を歓迎します。始める前に貢献ガイドラインをお読みください。
ライセンス
Browserify のロゴは substack によるものです。
その他のすべてのコンテンツは、CC0-1.0 に基づきパブリックドメインへ提供されます。
