問題タブ [yeoman]

バックエンドAPIは、それを使用するフロントエンドHTML5アプリとは別のプロジェクトとして保持しています。フロントエンドの開発にはヨーマンを使用しています。Yeomanはlocalhost：3501で実行され、バックエンドはlocalhost：3000で実行されます。ブラウザから（AngularJSの$ httpを使用して）APIリクエストを行うと、同じオリジンポリシーが適用されます。

AFAIK、同一生成元ポリシーは、異なるドメイン間でリクエストを行う場合にのみ開始する必要があります。localhostからlocalhostに（異なるポートではありますが）リクエストを実行すると、なぜ泣き言を言うのですか？

どうすればこれを機能させることができますか？これは本番環境で問題を引き起こしますか？

NodeJSサーバーからYeomanコマンドを呼び出す方法は？

NodeJSサーバーでYeomanコマンドを実行できる簡単なクライアントWebページを作成したいと思います。

私が実行すると：

それで

戻り値

angular.js が縮小され、名前が d10639ae.angular.js などに変更されることを期待していましたが。

何か案は？

組み込みの Yeoman サーバーを回避し、/app ディレクトリからファイルを直接切断しています。Yeomen のサーバーはコンパス/sass のコンパイルを管理しているので、それ以外でコンパスを実行するのに苦労しています。コンパス cli を直接実行しても機能しません。それが既存のコンパス プロジェクトにあることを認識していません。だから私は得る：

これを機能させた経験のある人はいますか？

Yeomanプロジェクトをビルドするとき（特別なことは何もありません。jQueryとModernizrのみを使用しています）、CSSで使用される画像は表示されません。

私のCSSコード

アプリ構築後の出力（違いなし）

icon-contact.pngのファイル名がf91724e0.icon-contact.pngに変更されたため、これは機能しません。

縮小されたCSSファイルで画像パスが更新されていることを確認するにはどうすればよいですか？

編集：私は答えとして私の解決策を追加しました

、@import "partials/module/all"およびをpartials/module/_all.scss含むstyle.scss ファイルがあり、という名前のクラスが含まれています。このクラスはコンパイルされた CSS ファイルには含まれていませんが、_buttons.scss ファイルの他のクラスは含まれています。@import "buttons"partials/module/_buttons.scssbtn--no-link

奇妙なことに、私は自分のプロジェクトをビルドするために Yeoman を使用しています。一時的なビルドをビルドするとき (.scss ファイルを保存するとき)、定義済みのすべてのクラスが含まれますが、本番用のビルドをビルドするとき (コマンドyeoman build)、前述のクラス、およびその他のいくつかのクラスが、コンパイルされた CSS ファイルにありません。

この動作を引き起こす可能性のあるコマンド ライン オプションはありますか? 毎回欠落しているのと同じクラスであることを除いて、一種のランダムに見えます。

そうです、私は現在、最終的にWordpressのバックエンドを利用するプロジェクトに取り組んでいますが、フロントエンドでは、CSS3とJavaScriptを大幅に利用する予定です.おそらく履歴APIを利用して. AJAX 経由のコンテンツ。

私は現在、静的 HTML テンプレートに取り組んでおり、適切なレイアウトを取得し、ページ間の対話とナビゲーションに必要なすべての JS を取得しています。現在、Yeomanを監視サーバーとして使用して、SASSテンプレートをコンパイルし、すべての JS モジュールをマージしています。 RequireJSを使用します。

すべて順調に進んでいますが、HTML テンプレートで多くの HTML ブロックを繰り返していることに気付き始めており、あまり効率的ではありません。ブロックを 1 か所で編集して、必要な回数だけ繰り返したいのです。ページ上 - ヘッダー、フッター、ブログ リスト ページの単一のブログ アイテムなど。フロントエンド テンプレートをスキャフォールディングしています。

基本的に、私がやりたいことはブロック テンプレートを用意することです。これを親ファイルにインポートし、ループして必要なファイルを生成し、Wordpress で最終的なマークアップを作成する準備ができたら、ビルドするだけです。プロジェクトを作成し、静的 HTML ファイルをコンパイル済みの JS および CSS3 と共にエクスポートし、最後に HTML を Wordpress ビルドに分解します。

これについてはどうすればよいですか？

統合ジェイド? ハンドルバーを使用していますか? Jade が提供する短縮された構文についてはあまり気にしていません。スキャフォールディング中にテンプレートからバニラ HTML をコンパイルできるようにしたいだけです。おそらくジキルのようなものですか？ノードベースのバージョンはありますか?

これは物事を進める正しい方法ですか？すべてのフロント エンドを JSON から生成することを検討しており、Wordpress の統合中に、Wordpress 内で JSON API を公開しますが、DOM ですべてのテンプレートを生成しても、SEO がまったく得られず、懸念されます。

皆さんはどう思いますか？

ember.jsチームは、ember フレームワーク バージョンの新しいバージョンをリリースしました。この1.0.0-pre.3バージョンには、私が非常に使用したいと思っている新しい「ルーター」API が含まれています。

私は新しいアプリを開始しようとしていますが、 yeomanは私のワークフローで役立ちますが、yeoman の ember-generator は1.0.0-pre.2、プロジェクトのボイラープレートの生成にバージョン (非推奨のルーター API 実装を含む) を使用しますが、使用したいと思います私の新しいプロジェクトの新しいバージョン1.0.0-pre.3、そしてそれを行う簡単な方法は非常にハックです.yeomanテンプレートディレクトリでember.js libを直接変更し、それを使用する対応するジェネレータースクリプトでバージョン番号を更新することです.このように変更するテストをすでに行っており、機能しますが、この方法では、yeoman のインストールを「壊す」ことになります。これは良いオプションではないと思います。

私の最後の主な質問は、ハッキングせずに新しい ember lib を使用するように yeoman を更新するにはどうすればよいかということです。それとも、プロジェクトhttps://github.com/yeoman/yeomanのフォークを作成して、新しい ember-generator 用の新しいブランチを作成し (明らかに最新の ember lib を使用して)、受け入れられることを期待してプル リクエストを作成する必要がありますか? ここで誰かが「ヨーマンに精通した」人が私を正しい方向に向けることができますか? 私はそれを正しい方法にしたいだけです...もしあれば:)

前もって感謝します！

私はYeomanを使用するプロジェクトに取り組んでいますが、最近まで1か月間作業していなかったときに、プロジェクトにいくつかの変更が加えられました（主にAngularが導入されました）。

私が戻ってきてから、すべてのページの読み込みにHTMLとJSファイルを取得するのに約2分かかりました！CPUは30％〜50％の物理メモリで約60％であり、コンピュータは良好な状態です。同じプロジェクトに取り組んでいる他の人々は、非常に速いロード時間を取得しています。

それは何でしょうか？10倍！イガル

Zurb FoundationをYeomanプロジェクトにインストールyeoman install foundationし、Gruntfile.js を使用して更新してプロジェクトに含めました。require: 'zurb-foundation'

ファイルを編集しようとすると、問題が発生しapp/styles/main.scssます。デフォルトの Zurb Foundation SASS 変数をオーバーライドできません。

メインディレクトリ内およびメインディレクトリ内の_settings.scssファイルを編集しようとしましたが、役に立ちませんでした。app/componentscomponents

このジレンマの解決策を持っている人はいますか?