問題タブ [brunch]

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 投票する
0 に答える
465 参照

jquery - ブランチでパッケージ化すると、jquery.fileuploadが正しく機能しません

これはやや漠然とした質問だと思います。

私はBrunchを使用してEmberアプリケーションをパッケージ化しています。そのアプリでblueimpのjquery.fileuploaduiウィジェットを使用しています。

ブランチと一緒にパッケージ化すると、fileuploadウィジェットは初期化されますが、ファイルを追加すると、テンプレートにレンダリングされず、アップロードが自動的に開始されます。これにより、初期化で何かが混乱していることがわかります。

ブランチ設定で依存関係のロード順序を正しく設定しています。

jquery.fileuploadをvendor.jsにコンパイルせず<script>に、ヘッダーの通常のタグを介して含めるだけでこれをテストしました。正しく機能するため、構成内の何か、おそらくロード順序を見落としていると思います。

blueimpのjquery.fileuploadをブランチを使用してアプリにパッケージ化した経験のある人はいますか?

編集:これが設定です:

javascripts:defaultExtension:'js'、joinTo:'javascripts / exchange_app.js':/ ^ app /'javascripts / exchange_vendor.js':/ ^ vendor /

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

ember.js - Brunch、JSDom : オブジェクト [ jsdom NodeList ]: 3 つの項目があり、メソッド 'map' がありません

Ember、Brunch、および JSDom でヘッドレス テストを動作させようとしています。アプリを生成するために ember-brunch-skeleton を使用しています。

https://github.com/fuseelements/ember-brunch-skeleton

すべての依存関係がインストールされています。

「ブランチ テスト」を実行しようとすると、次のエラーが表示されます。ここで何か基本的なことが欠けているようですが、node.js/jsdom/mocha などを使用するのはこれが初めてです。何が欠けていますか?

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

javascript - JSONPリクエストでバックボーンコレクションが更新されない

最近Backbone.jsの使用を開始し、現在、Brunchを使用して外部APIへのJSONPリクエストを実行してコレクションとモデルにデータを入力するアプリに取り組んでいます。Backboneを使用してJSONPリクエストを実行することについて、これらの以前の投稿(thisおよびthis)をフォローしていますが、何らかの理由でコレクションがまだデータを取得していません。

私のモデル(app / models / model.js):

私のコレクション(app / models / collection.js):

次に、app / application.jsのinitializeメソッドで、次のように呼び出しています。

ここで、console.logの解析関数を見ると、データがフェッチされているのがわかり、リクエストは正常に処理されています。ただし、ビューがレンダリングされ、app / views / view.jsでconsole.log(application.cat.models)を実行すると、何も表示されません。これはなぜ発生するのでしょうか。モデル/コレクションのコードに何か問題がありますか?

また、JSONPデータの形式は次のとおりです。そのため、response.results [i] [0]をループして、すべてを含む配列を返します。これでうまくいくはずです。

本当に助けていただければ幸いです...

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

javascript - ハイブリッド Django/Backbone アプリで Yeoman/Brunch ツールを使用していますか?

バックエンドに Django、フロントエンドに Backbone を使用してハイブリッド Web アプリケーションを構築しています。

構造は次のとおりです: Django テンプレートですべての HTML を生成し、request.is_ajax返すテンプレートを決定するために使用し、必要に応じて Backbone を使用して HTML を取り込みます (非 JavaScript ユーザーをサポートしたいので、これを行います)。

とにかく、私の質問はこれです。私の JavaScript コードがより複雑になるにつれて、次のことを自動的に実行できるようにしたいと考えています。

  • 非同期 JavaScript 読み込み
  • CSS ファイルの連結と縮小
  • JavaScript ファイルの連結と縮小
  • JSリンティング

画像の最適化やパッケージ管理についてはあまり心配していません。これは私が持っているセットアップで可能ですか?現在、標準の Django アプリです。

Yeoman (または単にgrunt ) またはBrunchを使用する必要があるかどうか、またはより簡単な方法があるかどうかはわかりません。私が使用するものは何でも、それをjsディレクトリにドロップするだけでよいのか、それともテンプレートの場所が複雑になるのかはわかりません。

現在、require.js を使用して JS を非同期にロードする方法は知っていますが、連結やリントなどの方法がわからないため、ツールを探しています。多分私はシェルスクリプトを書くべきです:)

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

node.js - Brunch で環境変数を設定する方法

ブランチの上に Chaplin を使用したアプリを開発しています。

サード パーティの API を使用しており、開発用と運用用に異なるトークンを使用しています。

Brunch で環境変数を設定できるかどうか疑問に思っていました。すべてをプレーンな html/js にコンパイルしたいと思います。

のようなものを使用してプロジェクトをコンパイルする方法はありbrunch build -env stagingますか? もしそうなら、どうすればそのような変数を定義できますか?

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

javascript - モカを使用し、シムを含むブランチアプリをテストする

Mochaを使用してBrunch+Backboneアプリケーションをテストしようとしています

requireさまざまなモカスペックが問題なくdevDependencies動作します。変数を調整する限り、アプリのモジュールとモジュールが機能requiresするMocha仕様devDependenciesNODE_PATH

requiredアプリケーションモジュールがフォルダからシムインされたコードを必要とする場合、失敗が発生しvendor/scriptsます。これらはシステムで利用できないだけであり、アプリケーションコードをロードする前requireにスコープに入れる方法がわかりません。

brunch test新しいバージョンで使用してみることができますが、今日の時点では壊れているようです。test.js関数内にどのようにhelpers.findTestFiles存在しないかについて不平を言うバグがあります。その問題は提起されましたが、ブランチが壊れていないことを信じるようになりました。私は間違ったことをしているだけです。

Mochaを使用して、AMDが必要とするベンダースクリプトとシムベンダースクリプト(jQuery、Lodash、Backbone、Marionette)の両方を使用してブランチアプリケーションをテストする正しい方法は何ですか?

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

node.js - ブランチでnode_moduleの.stylを参照する

ブランチウィズチャップリンアプリを持っています。Twitter Bootstrapを使用したいのですが、LESSで記述されているため、スタイラスバージョンに切り替えたいと思います。幸いなことに、そこにはブートストラップスタイラスnode_moduleがあります。だから私はそれを介してインストールしnpm install bootstrap-stylusます。しかし、モジュール内にあるスタイラスファイルを参照するにはどうすればよいですか?やってる

動作しません。/lib/bootstrapパスを追加することもありません。

私はファイルにあり"bootstrap-stylus": ">= 0.2"ますが、それでも行きません。何か案は?ありがとう。dependenciespackage.json

0 投票する
3 に答える
2211 参照

javascript - ブランチ設定:javascriptファイルは*.min.jsファイルを除外します

brunchがjavascriptファイルを処理し、それらを個々の出力ファイルに結合する方法を理解しています。

たとえば、2行目は、/ vendor /フォルダー内のすべてのjavascriptファイルを取得し、vendor.jsを作成します。

正規表現(/ ^ vendor /)は、フォルダパスを正しく指定していますか?正規表現をファイル名にも適用する方法はありますか?たとえば、jquery.jsとjquery.min.jsがあった場合、jquery.jsファイルを含めるだけです。これは可能ですか?

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

javascript - コーヒーソースマップでbrunch.ioをデバッグしますか?

ソースマップを使用して brunch.io (ember) アプリをデバッグする方法を知りたいですか?

ソースマップは IntelliJ Webstorm によって生成されていますが、これらを brunch.io ビルド プロセスと一緒に使用するにはどうすればよいですか?

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

javascript - ブランチでのアプリのビルドは、app.css/app.js/... ファイルのハードコードされたパスを使用します

npm 経由で Wi​​ndows にブランチをインストールしました ( npm install brunch)

次に、www ルート ディレクトリ (apache www root) に新しいプロジェクトを作成してビルドしました。

ブラウザーに入力localhost/someproject/publicすると、コンソール ログ (chrome) に次のエラーが表示されます。

したがって、これらのファイルのパスはルートパスからハードコアされているようです...これを機能させるにはどうすればよいですか-ブランチ構成ファイルに変更を加えますか?

brunch watch --server使用して入力できることはわかっていますが、localhost:3333代わりに apache を使用したいと考えています。したがって、基本的にはアプリを本番環境 (パブリック フォルダー) にデプロイする問題です。