問題タブ [browserify]

次のGoogle Apps Office ビデオを見て、 browserify を使用してノードの CommonJS パッケージング システムを使用して JS を 1 つのファイルにパッケージ化する方法を学びました。ブラウザに移植された多くのノード ライブラリも追加され、CoffeeScript を処理できるため、このアイデアが気に入っています。

このビデオで取り上げられていないことの 1 つは、複数のビューを持つ Chrome アプリで引き続き browserify をDRYの方法で使用する方法です。説明させてください。通常、browserify コマンドは (モジュールとして設計された) 一連の JS ファイルを取得し、それをいくつかのパッケージ シュガーを使用して 1 つの JS ファイルに連結します。これは、コンテンツ ページ、背景ページ、またはポップアップ ページなどからその JS ファイルを参照するのに最適です。ただし、バックグラウンド ページとポップアップ ページには、それぞれに同じコンパイル済みの JS ファイルを含めますか? これにより、クロムがスクリプトを 2 回 (2 回) ロードすることはありませんか? もしそうなら、必要な部分だけを得るためにすべてを解釈するのは無駄なことのように思えます。または、require()/exports モーダルは、特定のコンテキストで必要のないモジュールの不要な解釈を防いでいますか?

これがベスト プラクティスではない場合、各ページが必要なモジュールをドライな方法で取得する方法でモジュールを 1 つパッケージ化する必要があります。他の人はこのトピックにどのようにアプローチしましたか?

クライアントで必要ないくつかのnode.jsモジュールを使用しています。

index.js：

だから私はbrowserifyが最良の選択かもしれないと考えました。ファイルのバンドルはうまく機能しますが、browserifyはすべてをラップし(function(){my code here})();てエラーの原因になりCan't find variable: requireます。どうすればその動作を防ぐことができますか？

ラップを削除すると、すべてがエラーなしで期待どおりに機能します。

開発では、Express サーバーで Coffeescript と Browserify ミドルウェアの両方を使用して、クライアント側の JS を次のように配信します。

app.use browserify mount: '/client.js', entry: './client.coffee', watch: yes

今日、依存関係をアップグレードしていて、browserify v2 Web サイトで次のことに気付きました。

browserify の最悪のアイデアの 1 つである、バンドルをホストするためのアドホックな http サーバー ミドルウェアがついになくなりました。

coffee-script のデフォルトのサポートはなくなりました。プログラムで引き続きコーヒー スクリプトを使用できます。必要なのは、js にコンパイルするか、ソース変換を自分でバンドル パイプラインにフックすることだけです。

これらの削減に同意しない場合は、v2 リファクタリングを使用して、基礎となる新しいライブラリを出発点として使用する方法について独自のビジョンを展開する方がはるかに簡単です。

けっこうだ。

唯一のことは、新しい API のドキュメントを読んだことがありますが、実際に独自のミドルウェアを実装する方法に少し戸惑っています。実際、高速ミドルウェアとしては言うまでもなく、browserify.add()andを使用して機能する基本的なスタンドアロンの例を取得することさえできません。browserify.bundle()

v1 を引き続き使用することもできますが、このプロジェクトはまだ開発中であるため、依存関係を最新の状態に保ちたいと考えています。どんな提案でも大歓迎です。

アップデート：

私はこれまでのところ持っています：

require './module'これは機能しますが、以前はそうしなければならないように見えた場合を除きrequire './module.coffee'ます。これは本当に理想的ではありません。アプリのすべての要件を更新する必要はありません。

browserifyを使用してクライアント側のlibで「request」npmモジュールを使用しようとしていますが、問題が発生しています。

私が持っているコードはかなり標準的です。次のようなブラウザ化バージョンからサーバーにリクエストを投稿しています。

Chromeの[ネットワーク]タブでリクエストが成功したのに、リクエストからコールバックされません。誰かがこれを見たことがありますか？node.jsの代わりにクライアントバージョンの「request」を使用する必要がありますか？

browserifyを使い始めたばかりですが、縮小された出力をこぼす方法に関するドキュメントが見つかりません。

だから私は次のようなものを探しています:

現在、Browserify を使用しようとしていますが、問題が発生しています。

私はいつも Underscore の代わりに Lodash で Backbone を使用しているので、Browserify 用にいくつかの shim スクリプトを書きました。

shims/lodash.js:

shims/backbone.js:

app.coffee:

私は実際にgrunt-coffeeifyBrowserifyモジュールを構築するために使用していますが、以下のエラーが表示されます:

バックボーンを正しく動作させるには何を変更すればよいですか? 前もって感謝します。

アップデート

どういうわけか、以下のコードで動作します：

shims/lodash.js:

shims/backbone.js:

以下のコードをコメントアウトしますbackbone-1.0.0.js。

これは何か間違っているように見えますが...

Browserifyを使用してnode-xmppから JS バンドル ファイルを作成しましたが、Web サイトをロードすると、Google Chrome Javascript コンソールに次のエラーが表示されます。

および を使用してbrowser-requestノード パッケージをインストールしnpm install -g browser-requestて JS バンドルを再構築しようとしましたが、それでも同じエラーが発生します。

このエラーを解消するには、何を含めてインストールする必要がありますか?

注：最新バージョンのnodejsとBrowserifyでdebianサーバーを使用しています