問題タブ [browserify]

browserifyで少し問題が発生しています。

目標

私は基本的な TodoMVC シングルページ アプリを Backbone で構築しようとしていますが<script>、index.html.

これが私がこれまで行ってきたことです。

lib/モデル/todo.js

lib/collections/todo.js

lib/app.js

私のバンドルを構築するために、私は使用しています

最後に、私のindex.htmlものはとてもシンプルです

問題

コンソールを開いてこのコマンドを実行しようとすると

エラーが発生する

「未定義のプロパティ 'Deferred' を読み取ることができません」

スタックトレース

質問

バックボーン アプリをブラウザ化する方法についてかなりの検索を行いましたが、私の目的に一致するものはほとんど見つかりませんでした。

app.js単一ページのバックボーン アプリを、html で要求できる単一のアプリにバンドルするにはどうすればよいですか?

余談として

jQueryを適切に組み込んでいるかどうかもわかりません。バックボーンがブラウザ化されたバンドルの一部でない場合、バックボーンは jQuery に接続するのに問題がありますか?

どんなヒントでも大歓迎です。

.less ファイルを作成できる Browserify 用の変換スクリプトを作成しようとしていrequire()ます。変換はそれらを CSS にコンパイルし、その縮小された CSS をページに追加する小さな Javascript 関数にラップします。

私の問題は、メインの LESS モジュールが非同期であり、変換スクリプトと一緒に動作しないように見えることです。

lessify/index.js ( node-underscorifyから直接モデル化)

これは .css ファイルでは問題なく機能しますが、未定義であるため .le​​ss ファイルでは機能しませんcompiled。

これに関連する less.js ソースには完了した プル リクエストがいくつかありますが、どれもうまくいかないようです。

私はthroughライブラリにあまり詳しくないので、おそらくその動作は非同期関数に簡単に調整できますか? less.render()デフォルトで を処理するために非同期にするのが理にかなっていることを認識しており、自分のページで@import直接 LESS を実行できるようにするために、インポートを控えることを気にしません。require()

私は最近、CommonJS 対 AMD の戦いを少し掘り下げていて、これが私の発見です... (ところで、私はここで説教しているわけではありません。建設的な洞察を得るための考えを共有しています...) RequireJS は、私のAngularモジュール、それはモジュール内のモジュールラップであるため、私には間違っていると感じています... Browserifyの方法はよりクリーンですが、すべてのもので正しく機能するには、すべての依存関係と依存関係を正しく実装する必要があります。残念ながら、私たちは完璧な世界に住んでいるわけではありません...したがって、シムされたLibの内部依存関係をシムしてシムする必要があります...私は余分な複雑さの大ファンではありません...

私が現在行っている方法 (そして、すべての建設的な批判の対象となります...)

BreezeJS、$、Q、Ladda などのライブラリがグローバル スコープでリークします。次に、これらのグローバルに対してこの型モジュールを宣言します。

アプリで「Angularify」の依存関係を使用した後、チームでこの手法を使用したことがなく、これがいくつかの赤信号を発しているのかどうか、またその理由を説明してくれるかどうか疑問に思っています...時間。

「grunt」を実行しているディレクトリには、Bootstrap、Browserify などのすべてのモジュールを含む node_module フォルダーがあります。

「うなり声」を実行すると

私は得る：

browserify で停止し、このシナリオの前にモジュール 'bootstrap' が見つからないと言います。「grunt」を再起動した後、「npm install jquery」でインストールした「jquery」がなかったことを示しています。その後、他のいくつかの欠落しているモジュールも報告されました。インストールしましたが、ブートストラップを使用すると、インストールして node_modules ディレクトリに存在することを確認した後でも、このエラーが発生します。

どんな助けでも大歓迎です。

私はうなり声、npm、nodejsなどを初めて使用します。ソフトウェアをセットアップしようとしています。

タスクコードが追加されました。

2 つの Browserify タスクがあります。上記の出力から最初のタスクが正常に完了したと思いますか?

したがって、2 つのファイルがフォルダーのすぐ内側にあるファイルのディレクトリがあります。

しかし、1つはより深いレベルでネストされています

これらをエイリアスマッピングを使用してコンパイルしたいので、次のgrunt-browserifyように要求できます。

require('view1')

require('view2')

require('other/view3')

だから私は設定で簡単なマッピングをセットアップしますgrunt-browserify：

最初の 2 つのファイルrequire()は問題ありませんが、最後のファイルが見つかりません。私が使用しているエイリアス マッピングは、単一レベルの深さしか見ていません。与えるすべてのレベルを下げるにはどうすればよいですか？