0

私は、yeoman angular generator を使用して新しいプロジェクトを作成し、それを自分のニーズに合うように拡張しました。しかし後で、express と mongodb のサポートに mean.io を使用したいことに気付きました。mean.io のデフォルト プロジェクトから自分のプロジェクトに必要な部分をコピーするのにかなりの時間がかかりました。しかし、私はまだ grunt-rev と grunt-usemin で深刻な問題に直面しています。

元の yeoman 生成プロジェクトには、すべての AngularJS アイテムを含む app/ フォルダーがありました。ただし、新しいプロジェクトには、サーバーに存在するすべてのアイテム用の app/ フォルダーと、クライアント エンドで必要なすべてのアイテム用の public/ フォルダーがあります。現在、grunt-rev プラグインは css ファイルと画像ファイルの名前を変更して、そのアイテムのバージョンに一致する識別子を含めます。これはかなり便利だと思うので、プロジェクトに残しておきたいと思います。さて; 私の index.html は app/ フォルダーにあり、すべての css と画像は public/ フォルダーにあります。私の index.html では、「」のような形式の画像を取得しました<img src="images/imagename.png">「。これは、サーバールートである同じ場所から app/views/ と public/ の両方を提供するため、ノード Express サーバーを起動してプロジェクトをテストするときに機能します。ただし、画像ソースが認識しないため、Usemin はこれを理解していません」 t は絶対フォルダー構造と一致します。app/views/ コンテンツを app/ に移動しようとしましたが、役に立ちませんでした。同じことが cssmin で構築された css ファイルでも起こります。index.html にプロパティを取得し、その下にすべての css .ビルド後、そこにstyles/main.cssがありましたが、useminがフォルダー構造を認識していないため、index.htmlにstyles/main.cssがあり、styles/に986a2d75.application.cssがあります。

2 つのフォルダを 1 つのように扱う必要があることを usemin に知らせる方法はありますか? usemin に特定のパターンを探すように強制できることがわかりましたが、それではすべての画像を gruntfile に個別に追加することを忘れないようにする必要があるため、そうする前にこれらのプラグインをまったく使用したくありません。

4

1 に答える 1

0

最後に、私が必要とするすべての機能を備えたGenerator Angular Fullstackについて知りました。src->.tmp->dist からのファイルのコピーを適切に処理し、その過程で必要なすべての usemin マジックを実行します。素晴らしいツール!

于 2014-03-22T11:48:25.917 に答える