問題タブ [browserify-shim]

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 に答える
1474 参照

browserify - jqueryはどこから必要になっていますか? - browserify - browserify-shim

broweserifyjqueryおよびを使用してプロジェクトを構築していjquery-uiます。すべてのライブラリは でプルダウンされましたnpm。これが私が mybrowserify-shimを使って引き込む方法ですjquery' and 'jquery-ui:

すべてが正常に機能しjquery-ui.jsますが、コードの最初の行を確認すると、

このコード行はどのように解決されていますか? debuggerこの後にステートメントを入れると、jquery必ず解決されます。シムの名前も変更しましたがjquery、それでも解決されました。それはどのように起こっていますか?

0 投票する
0 に答える
86 参照

browserify - ガウス統計ライブラリの Browserify(-shim)

npm モジュールとして利用できる gauss 統計ライブラリを browserify コンテキストで使用するのに苦労しています。

私は使用しています

および次の単純なエントリ スクリプト:

これを実行browserifyして結果のバンドルをブラウザーにロードすると、TypeError: object is not a functionエラーが発生しますが、ノードではすべてが期待どおりに機能します。

問題は、ライブラリが自分自身を公開しようとする方法に関係していると思います。手動で次のようなものを追加すると機能するためです。

のメインファイルにgauss.

さまざまな構成を試しましたがbrowserify-shim、そのすべてが将来的に別のエラーにつながります。

これは、いじるサンプルプロジェクトです。

手動でのパッチ適用を伴わない解決策を思いつく人はいますか?

編集:詳細情報

を呼び出そうとすると、例外がスローされますnew gauss.Vector()gauss.Vector定義されていますが、関数ではありません。

app.jsがちょうどに変更した場合

ノードで、私は得る

予想通り。ただし、ブラウザーでは、これはログに記録されます ( であることに注意VectorしてくださいObject)。

上で述べたように、犯人はライブラリを条件付きで公開するコードであると思われますが、これにどのように対処できるかはよくわかりません。

次のような単純な browserify-shim 構成

Error: Cannot find module './lib/gauss'ノードとブラウザの両方で結果が得られました(./lib/gaussでは必須ですgauss/index.js)。

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

javascript - Typeahead.js Bloodhound を Browserify に含めると、空のオブジェクト {} が返されます

Browserify プロジェクトで Bloodhound と Typeahead を使用しようとしています。私は browserify-shim を使用しています。

パッケージ.json

shim.js

test.js

空のオブジェクト ({}) を出力します。

コマンドラインからバニラ Browserify を使用して、この関連する質問のすべてに従いましたが、まだサイコロはありません。


追加することで動作させることができました

Bloodhound.js ファイルに追加されますが、これは理想とはほど遠いものです。browserify-shim はエクスポートを追加すべきではありませんか? 生成された bundle.js に Bloodhound の module.exports がありませんでした。

0 投票する
0 に答える
81 参照

javascript - プロジェクトの JavaScript 読み込みスキーマを Browserify に変換する方法は?

単一ページ Web アプリケーション プロジェクトをリファクタリングして、Browserify を JavaScript 読み込みスキーマとして使用したいと考えています。Browserify について調査しましたが、解決方法がわからないことがまだあります。リファクタリングしたいプロジェクトで使用されている JavaScript 読み込みスキーマについて説明させてください。

最初のスクリプト要素は、生成された HTML に対してインラインです。バックエンド構成を JavaScript エンジンに渡すために必要です。例えば:

次に、混合可能な方法で CDN とローカル プロジェクトから JavaScript ファイルの読み込みを開始します (JavaScript ファイルの場所を区別するために、バックエンド変数をもう一度使用していることに注意してください)。

このプロジェクトの JavaScript ローディング スキーマを変換して Browserify に置き換える方法を教えてください。

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

javascript - Browserify で pickadate.js を要求する

Backbone.js アプリケーションでレスポンシブ pickadate.js日付ピッカーを使用したいと考えています。

Browserify を使用してモジュールと依存関係を管理しており、pickadate を統合する方法を考えています。

npm install pickadateノードモジュールをプロジェクトに追加することから始めました。

次に、私の見解の 1 つで、これを試します。

エラーは、このエラーをスローする 2 行目にあります。

browserify-shim を使用する必要があると思いますが、どうすればよいですか? Pickadate は何もエクスポートしません。

アップデート

grunt で debowerify を使用する (他のモジュールでも機能します):

[エラー] TypeError: 'undefined' は関数ではありません ('this.$el.find('.form-group input[name=dateEntry]').pickadate()' を評価しています) (app.js、18803 行目)

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

node.js - gulp browserify と bromote

私のプロジェクトはgulp -starterを使用しています。これには、 browserifyですでに実装されているかなりの配線があり、現在、このプロジェクトにbromoteを追加しようとしています。

browserify browserify & factor-bundle 依存関係 IDを使用してbromoteを実装するためのこの参照を見つけ、それを機能させようとしました。

これが私の結果の要点です: https://gist.github.com/newtonianb/18f8bcd23ee9762324c6

正常にコンパイルされますが、エクスポートにアクセスできません。私の理解では、bromoteでエクスポートしたものは何でも、javascriptソースファイル内でそのまま使用できます

しかし、require('bromote') を試すと、javascript ソース ファイルに表示されます。