問題タブ [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.
browserify - jqueryはどこから必要になっていますか? - browserify - browserify-shim
broweserify
、jquery
およびを使用してプロジェクトを構築していjquery-ui
ます。すべてのライブラリは でプルダウンされましたnpm
。これが私が mybrowserify-shim
を使って引き込む方法ですjquery' and 'jquery-ui
:
すべてが正常に機能しjquery-ui.js
ますが、コードの最初の行を確認すると、
このコード行はどのように解決されていますか? debugger
この後にステートメントを入れると、jquery
必ず解決されます。シムの名前も変更しましたがjquery
、それでも解決されました。それはどのように起こっていますか?
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
)。
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 がありませんでした。
javascript - プロジェクトの JavaScript 読み込みスキーマを Browserify に変換する方法は?
単一ページ Web アプリケーション プロジェクトをリファクタリングして、Browserify を JavaScript 読み込みスキーマとして使用したいと考えています。Browserify について調査しましたが、解決方法がわからないことがまだあります。リファクタリングしたいプロジェクトで使用されている JavaScript 読み込みスキーマについて説明させてください。
最初のスクリプト要素は、生成された HTML に対してインラインです。バックエンド構成を JavaScript エンジンに渡すために必要です。例えば:
次に、混合可能な方法で CDN とローカル プロジェクトから JavaScript ファイルの読み込みを開始します (JavaScript ファイルの場所を区別するために、バックエンド変数をもう一度使用していることに注意してください)。
このプロジェクトの JavaScript ローディング スキーマを変換して Browserify に置き換える方法を教えてください。
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 行目)
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 ソース ファイルに表示されます。