問題タブ [yeoman]

明らかな何かが欠けている可能性がありますが、GitHubのドキュメントと問題を調べても、実際にはわかりません-

サーバー上の特定のサブディレクトリ (つまり、ルートではない) にデプロイされる AngularJS プロジェクトを開発しています。私は Yeoman.io を使用しており、アプリが自己完結型で、「/images」などの絶対パスに依存しないように構成しようとしています。Grunt ファイルまたは Compass 構成をいじろうとするたびに、ビルドが壊れてしまいます。画像とスプライトのパスが間違っています。ディレクトリが間違っている場合もあれば、ファイル名が間違っている場合もあります (リビジョン プレフィックスなし)。

誰もがそれで良い経験をしましたか?

ビルド ターゲットとして yeoman 内で mocha を使用していますyeoman test。

しかし、私が見る唯一の出力は

「mocha:all」(モカ) タスクの実行

index.html のテスト

ブラウザでまったく同じ index.html を開くと、機能します。

テスト結果がコンソールに表示されることを期待しています。

grunt.js に組み込まれている「css」の代わりに「cssmin」を使用するために、yeoman と grunt を使用してプロジェクトと grunt-css プラグインをビルドしています

index.html

Gruntfile.js

次に、ビルド プロジェクトの構造は次のとおりです。

次に、index.htmlファイルを出力します

ご覧のとおり、index.html の改訂されたスタイルの名前を'styles/d41d8cd9.styles.css' に変更する以外はすべて問題ありません。そしてクエスチョンマークは「？」通常の行で???

注: 詳細については、コンソールに出力されます (エラーなし) Running "rev:js" (rev) task dist/scripts/scripts.js --- 04216377.scripts.js

"rev:css" (rev) タスクの実行 dist/styles/styles.css --- d41d8cd9.styles.css

"rev:img" (rev) タスクの実行

「usemin:html」（usemin）タスクの実行

usemin:html - dist/index.html scripts/scripts.js

「usemin:css」（usemin）タスクの実行

usemin:css - dist/styles/d41d8cd9.styles.css

名前の変更は行われていません。どうもありがとう！

これは私のビルドの最後の部分です:

完全なログ: http://pastebin.com/qECNNGSX

その結果、サーバーが実行されているように見えます。ローカルホストの URL にアクセスできますが、javascript は結合または縮小されていません。新規インストールを使用しています。これは、ボイラープレートの初期化コードに独自の JavaScript を追加したかどうかに関係なく発生します。私は Twitter Bootstrap を選択していますが、プラグインなどは選択していません。

コンパスのバージョン: Compass 0.13.alpha.0 (Markab) ノードのバージョン: v0.8.14 Yeoman のバージョン: yeoman v0.9.5 (デフォルトを試し、github から複製しました)

jsonファイルを縮小する何かでyeomanのビルドプロセスを拡張する方法を探しています...jsonファイルを縮小できるnpmパッケージを見つけましたが、関数をエクスポートしません:/これを統合する方法を知っている人なら誰でもヨーマンビルドプロセスに？

https://npmjs.org/package/json-minify

敬具、

大安

Yeomanを使用していますが、ファイルの変更時にCSSタスクをトリガーする方法が見つかりません。

私は次のようなプロジェクト構造を持っています

ヨーマンに

• モジュール内のすべてのCSSファイルを監視します。
• CSS連結/縮小タスクをトリガーします。
• 上書きしますapp/styles/main.css。

これが私のGruntfile.js：

yeoman init backbone:view input

これにより、app/scripts/templates/input.ejs と app/scripts/views/input-view.js の 2 つのファイルが生成されます。

アプリケーション内からこのビューをどのようにインスタンス化しますか?

私は yeoman を使用して最初の本格的なプロジェクトを開始していますが、ドキュメントからは理解できない問題に遭遇しました。

私の新しい webapp は、基本の JavaScript として bootstrap-js と lodash を使用しているyeoman install ...ため、これら 2 つのライブラリに対して使用しました。これにより、両方のライブラリ (および jquery) の github リポジトリ全体componentsが、アプリのルートにあるディレクトリとディレクトリにあるディレクトリの 2 つのディレクトリに複製されたようですapp。

今、これを自分の git リポジトリにコミットしたいと思います。明らかに、依存ライブラリのリポジトリ全体をリポジトリに配置しても意味がありません。最悪の場合、components ディレクトリ内にある min.js ファイルだけを配置することもできます。しかし、依存関係をリストしたファイルを追加し、他のコーダーに yeoman を使用して自分のマシンに依存関係をインストールさせるのが最善だと思います。

それを行う方法はありますか？package.jsonそれを置く場所かもしれない があるようですが、フォーマットは何ですか? ドキュメントはcomponents.jsonBowerから言及していますが、これがどのように使用できるかは明らかではありません.

何か案は？

Yeoman（舞台裏ではBowerを使用）を使用してパッケージをインストールすると、bowerが各パッケージを2回インストールすることがわかります。

• componentsフォルダ の下のプロジェクトのルートの最初のもの
• 他の内部app/componentsフォルダ

たとえば、コマンドを実行するとyeoman install jquery

私のプロジェクトディレクトリは次のようになります

• 各コンポーネントに複製があるのはなぜですか？どのコンポーネントを使用する必要がありますか？
• ベストプラクティスは、アプリからこれらのコンポーネントを参照することであり、簡単に更新できるように変更しないことだと思いますが、正しいですか？

私は Ember.js を使用するまったくの初心者です。今日調べ始めたところです。私は現在、Ember.js と Yeoman を使用して Phonegap アプリを開発することを計画しています。Ember.js フレームワークのプロトタイプを作成して調査していたときに、次のことを考えていました。

index.html で外部テンプレート ファイルをどのように使用しますか? 私が見たすべてのチュートリアル、投稿、ガイド、またはドキュメントでは、index.html にすべてのテンプレートが次の形式で含まれているようです。

など…</p>

しかし、Yeoman でアプリケーションを作成すると、すべてのtemplate.handlebarsテンプレート ファイルを含む scripts/template フォルダーが生成されます。

それらをどのように使用しますか？つまり、必要なときはいつでも index.html で必要になるはずですが、どうすればいいですか? 私はこの指示に従いましたhttps://github.com/yeoman/yeoman/issues/455#issuecomment-8598553そして今、私の index.html に必要な application.js を持っています。

しかし、DOM に挿入するために index.html に関連する (自分のルートに) テンプレートを要求する必要があることをアプリケーションに伝えるにはどうすればよいでしょうか?

すべてのテンプレートを 1 つの .html ファイルで定義したくないのです。

何か足りないに違いない…</p>

ありがとう ！