問題タブ [browserify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1872 参照

javascript - jquery、three.js、processing.js などのブラウザ ライブラリを browserify で使用するにはどうすればよいですか?

jquery.js、processing.js、three.js などのライブラリを browserify で使用できるので、HTML を使用してクライアント ライブラリを要求するのを完全にやめることができますか?

0 投票する
2 に答える
217 参照

linux - Linux で、コマンドの出力をテキストで囲み、ファイルに保存する方法は?

browserify my_file.jsmy_file を browser に変換した結果を含むストリームを返します。その出力を "" リーダーでラップする方法はありますか? 例: echo "<html>" > browserify my_file.js > "</html>" > bundle.js- またはそのようなもの。

0 投票する
1 に答える
388 参照

javascript - ブラウザ化後にモジュール名を (よりわかりやすい名前に) 変更するには?

私のモジュールは非常にシンプルなので、ブラウザ化に問題はありません。このような:

したがって、コマンドを使用するbrowserify -r ./sum | uglifyjs -c -m --output sum.min.jsと、すべて問題ありません。

結果を chromes コンソールにコピーして貼り付ける場合、 sum モジュールを取得できる唯一の方法はvar sum = require("./sum")、それほど簡単ではないと私が信じていることです。

var sum = require("sum")(「./」部分なしで)いただければ幸いです。

出来ますか?browserify ドキュメントで何も見つからないようです。

0 投票する
1 に答える
2679 参照

javascript - browserify はどのように Node.js モジュールをブラウザーで動作させますか?

背後にある作業を本当に理解できませんbrowserify。純粋な JavaScript モジュールを使用する場合、多くの依存関係がある場合でも、ブラウザ コードに変換するのは「簡単」に思えます。

しかし、browserifyより多くのことを行います:

IO を行わない多くの npm モジュールは、ブラウザ化された後に機能します。他の人はもっと手間がかかります。

多くのノード組み込みモジュールは、ブラウザーで動作するようにラップされていますが、require()それらの機能を明示的に使用するか使用する場合のみです。

これらのモジュールのいずれかを require() すると、ブラウザー固有の shim が取得されます。

そしてまた:

  • process.nextTick()、__dirname、および __filename node-isms が機能します
  • ノード コア ライブラリのイベント、ストリーム、パス、URL、アサート、バッファ、ユーティリティ、クエリ文字列、http、vm、および暗号のブラウザ バージョンを require() 時に取得します。

それで... process.nextTick()__dirnameブラウザの中で...でもhttp?これは私には意味がありません...__dirnameブラウザ内でどのように動作するはずですか?

0 投票する
1 に答える
1260 参照

browserify - メソッド内の require 呼び出しをブラウザー化して解決できます

私は持っている

プラグインシステムを備えたパッケージ。各プラグインはパッケージです。メソッドを alling してプラグインをロードし、プラグuseインのエクスポートを引数として渡すことができます。

私が欲しい

の引数がuse文字列のuse場合、モジュールが必要です。

質問

browserify はこの使用法を解決できますrequireか?

browserifyreqireが最上位レベルの呼び出しを検索するだけなのか、それとも実際にコードを評価するのかはわかりません。

0 投票する
1 に答える
1319 参照

backbone.js - Backbone.Marionette - Grunt Browserify - "require が定義されていません"

私はgrunt-browserifyを使用しており、特に 2 つの問題に直面しています。タスクは、次の構成オプションを使用して正常に実行されています。この変数jsFilesToConcatは、Backbone.js + Marionette.js アプリケーションのすべての JavaScript ファイル、メイン アプリケーション定義、フロントエンド ユーティリティ アセット (Bootstrap プラグインなど)、およびプロジェクトに関連付けられたすべての JS を表します。これは間違ったアプローチですか?250k の JS アプリケーション全体 (およびそのすべての依存関係) を一度にロードすることを考えました。

これは私にとって新しい領域であるという免責事項を提供したいので、意図したユースケースはプラグインで既に利用可能なオプションで利用できると思いますが、2 つのエラーで混乱しています:

1) Backbone not defined- これは、スクリプトが実際にロードされていることを意味しますが、Chrome Dev Tools でコール スタックを調べると、匿名の自己呼び出し関数のみが表示されます。そのため、Backbone オブジェクトを Marionette に渡してロード時に拡張する方法がよくわかりません。

2) require is not defined- 宣言している行にエラーがありますvar SampleApp = require('SampleApp')require関数を公開するために、grunt 構成または node.js server.js 構成内で何か特別なことをする必要がありますか?

3) javascript はそれ自体で非同期に実行されていますか? browserify のこの部分は、私が適切に処理していない意図した動作ですか? 名前空間を保護するために多くの JS ユーティリティをグローバルラッパーでラップしているため、一部の機能が利用できない理由だと思いますが、それがなぜ影響するのかはわかりませんrequire

そして、index.html私の単一ページの Marionette アプリで、私は持っています。

0 投票する
2 に答える
2370 参照

node.js - クライアント側の展開のための node_modules の圧縮

Node.js を使用して JavaScript でクライアント側アプリケーションを実装しています。多くのマシンにソフトウェアを展開するので、配布するパッケージのサイズを最小限に抑えたいと考えています。特に、node_modules から不要なファイルを削除したいと考えています。

手始めに、これは依存関係ツリーの重複排除とプルーニングを意味npmします。package.jsonしかし、すべてのファイルと (特に) 展開に必要のないその他のファイルも削除したいと思います。私が使用しているパッケージの多くには、大量のテスト、複数のバージョンのファイル (圧縮、ブラウザ化など) などが含まれています。実行中のアプリで実際に使用される JavaScript ファイルだけが必要です。それ以外の場合は、実際には使用されていない 100 KB のファイルをいくつか配布します。

私は知ってnode-browserifyいますが、私のアプリはブラウザではなくCommonJS環境で実行されるので、モジュールを分けてrequire.

requiredを使用して依存関係ツリーをたどり、実行時に必要な JavaScript ファイルを取り出し、それらをツリー構造に書き込んでロードできるようにする Grunt プラグインを作成することを考えていrequireます (モジュールを直接ロードするだけで、package.json. しかし、私が取り組む前に、誰も私のためにこれを行っていないことを確認したいと思います.