問題タブ [browserify-shim]

私は、最近 npm (バージョン 1.02) に追加された Foundation for apps を使用して browserify を使用しようとしています。foundation-apps の npm パッケージは commonjs と互換性がないため、使用することにしました"browserify-shim"

アプリの基盤の bower コンポーネントと npm パッケージの違いは、前者にはすべての依存関係 (angular、ui.router、angular-animate など) が含まれているのに対し、npm バージョンには絶対に必要なもの (foundationコア、コンポーネント、およびサービス)。

npm から angular と angular-animate をインストールし、それらをシムしました (angular/angular-animate の npm バージョンも commonjs 形式ではありません)。ui.router に関しては、npm パッケージは commonJS をサポートしているため、シミングは必要ありません。

これは私のpackage.jsonです

これは私のmain.js（アプリのエントリポイント）です

Browserify は、すべて (foundation.core、コンポーネント、サービス、angular、angular-ui-router、angular-animate) を含む bundle.js ファイルを正常に作成しますが、アプリのインスタンス化は次のメッセージで失敗します。

何が当てはまるのでしょうか？私の注意を引かなかったどこかに依存関係があるか、またはおそらくpackage.jsonで台無しにした何かがあるのではないかと疑っています

私は自分のプロジェクトでjquery-validationを機能させようと戦ってきましたが、自分の jquery オブジェクトに接続していないようです。

私のpackage.jsonの外観は次のとおりです。

npm install はすべて正常に動作しますが、js ファイルで validate を呼び出そうとすると、関数が未定義であるというエラーが表示されます。約半ダースのスタックオーバーフローの質問を見てきましたが、私の問題は解決していません。js ファイルで require('jquery-validation') を呼び出す必要があるかどうかはわかりませんが、validate が jquery オブジェクトに追加されることを期待していました。

誰もが同様の問題/これを解決する方法のアイデアを持っていましたか? validate.js を使用することもできますが、可能であれば jquery プラグインを使用することをお勧めします。

ありがとう

browserifyを使うのはこれが初めてです。Sails.js/Gulp/Browserify/Backbone プロジェクトでバックボーンサイフォン ライブラリ ( https://github.com/marionettejs/backbone.syphon ) を使用しようとしています。

私のpackage.jsonにはこれがあります

起動時にエラーは発生しません。しかし、コード内の任意の場所で「Backbone.Syphon」を使用しようとすると、未定義のエラーが発生します。

コードに明示的に追加require('lib/backbone-syphon/backbone.syphon.js')しましたが、それが必要かどうかはわかりません。

私は何が欠けていますか？

browserify + grunt を使用して、アプリのクライアント側バージョンとサーバー側バージョンの 2 つの個別の JS 出力を生成しています。例えば。

gruntfile.js

すべてがうまく機能し、2 つの個別のファイルを取得します。

ここで、クライアント側アプリで browserify-shim を使用して、CDN からいくつかの共通ライブラリを参照したいと考えています。

例えば。

問題は、これがクライアントとサーバーの両方のバージョンでそれをシムすることです。サーバーでは、このようなものはグローバルに存在しません。

この shim を (サーバーではなく) クライアントだけに適用したい

私が試してみました

しかし、ファイルごとに個別のシムのセットを使用するようにbrowserifyに指示する方法がわかりません。

私はrequirejsからbrowserifyに移行しています。

私は石積みに依存しています。

これは、bower バージョンを使用して shim するのが少し難しいことがわかりました (詳細はこちら)。

だから私npmはそれをインストールして、それを としてインストールしますmasonry-layout。

npm私の質問は次のとおりです。モジュールの名前付きインポートを shim するにはどうすればよいthlorenz/browserify-shimですか? masonryしたがって、コード内のすべての参照を からに変更する必要はありませんmasonry-layout。

私は threejs と browserify を使用していますが、threejs には browserify のサポートがあるため、threejs を要求するだけで問題ありません。

しかし、このスクリプトhttp://threejs.org/examples/js/controls/FirstPersonControls.jsのようなものを使用したい場合はどうすればよいですか

このスクリプトは、グローバルTHREE変数にアタッチできるように、グローバル変数が存在する必要があります。でももしそうなら

グローバルはありませんTHREE。私はそれをできた

しかし、それは良くありません。browserify-shim を使用して解決策を見つけようとしましたが、失敗しました。何か案は？

同様の質問があったことは知っていますが、どれも私の問題を解決しませんでした。

実行するkarma testと、モジュールをロードしようとするたびに、次のエラーがスローされます。これは、browserify-shim でシミングされています。

私の karma.conf.js は次のとおりです。

そして、ここに私のpackage.jsonファイルの関連部分があります:

何が問題を引き起こす可能性がありますか？