問題タブ [grunt-contrib-cssmin]

私は自分のプロジェクトの Gruntfile に取り組んでいます。この Gruntfile は、generator-webapp Yeoman ジェネレーターに含まれているものに基づいています。私の Gruntfile は次のようになります。

私のファイル構造は次のとおりです。

Gruntfile を実行すると、1 つのステップを除いてすべてがうまくいくように見えます。generator-webapp の場合と同様に、css ファイルが連結され、.tmp フォルダーに書き込まれます。これに続いて、cssmin はこれらの連結されたファイルを読み取り、それらを縮小して desintation フォルダーに書き込むことになっています。ただし、これは私の main.css では起こりません。これは、外部ファイル (つまり、HTML に含めたライブラリ) の連結に対して機能します。Gruntfile を実行すると、次のエラーが表示されます。

dist/styles/external.css は正しく書かれています。concat と cssmin のトリガーを含む HTML ファイル (usemin を使用しているため):

generator-webapp Gruntfile と類似しているため、ほとんどカーボン コピーであるため、私のバージョンで何が問題になっているのか理解できません。

これは私のうなり声ファイルです:

を実行するgrunt buildと、次のエラーが表示されます。

「sass:dist」(sass) タスクの実行

「cssmin:dist」(cssmin) タスクの実行

縮小された CSS が空だったため、宛先が書き込まれませんでした。

すべてのタスクを個別に実行すると、エラーは発生しません。次のタスクが開始される前に、sass タスクが終了していないと思います。なぜこれが起こっているのか誰にも分かりますか？

ありがとうございました。

初めて grunt を使用しています。grunt-contrib-concat を使用して css ファイルを連結できましたが、grunt-conrib-cssmin を使用して縮小された css ファイルを作成しているときに次のエラーが発生します

エラー:

私のpackage.jsonファイルは次のとおりです。

私の Gruntfile.js ファイルは次のとおりです。

解決策を教えていただけると大変助かります。

ありがとうございます

私は非常に一般的な問題を抱えており、多くの解決策 (stackoverflow と github の問題の両方) を読んでいますが、それでもうまくいくとは思いませんでした。

私が解決しようとしているもの：

1. angularjsプロジェクトなので、generator-angular（yeomanジェネレーター）を使用しています
2. SASSプリプロセッサ (実際にはそうではありません)
3. 相対イメージ リンク(../../images/yeoman.png)を使用する必要があるため、ビルドの前後で正しくなります(../images/yeoman.1er4b3.png) 。

そのためのテストプロジェクトを作成しました。使用をテストするには:

このコミットで見つけることができる解決策だけが私のために働いた

しかし、問題があります: コンパイルされた (ビルド後に) css ファイルがdist/styles/subfolder/にある場合(index.html には < !-- build:css({.tmp,app}) styles/views/views.css が含まれています -- >)、リンクが壊れます。

この問題はgrunt-cotrib-cssmin -> clean-cssに関連しています。

注： generator-angularは、ヘルプで見た最新のソリューションでGruntfileを作成しますが、私の場合は役に立ちません

誰かがテストプロジェクトを正常にビルドしてくれると嬉しいです.

gruntfile.js の cssmin タスク内に 2 つのターゲット (dev と build) を設定しようとしています。この回答により、 npmのドキュメントを読んで混乱が解消されましたが、縮小と結合の両方を機能させることができません。簡単にするために、ビルドは単純なバリエーションであるため、dev タスクだけに焦点を当てます。

私はこれを試しました：

この：

どちらも customStep2.css を作成/縮小しますが、結合部分は作成しません (つまり、main.css は作成されません)。助けてくれてありがとう。

私はGruntを始めたばかりなので、ばかげているかもしれない質問を許してください：

cssmin、uglify、またはコードの外観を変更するその他のプラグインを使用している場合:

main.htmlファイル内の参照の一貫性を保つにはどうすればよいですか。つまり、圧縮されていない css ファイル ( と呼びましょうstyle.css) を使用して開発することは明らかです。私のmain.htmlasでそれを参照している<link rel=stylesheet src="main.css">が、grunt が一貫してそれを minfies する場合、main.min.cssgrunt を実行した後、my に移動してmain.htmlリンク参照を変更する必要があります (git ごとに更新する必要があるため、面倒です)。時間も。

同じファイル名でcssmin を上書きするように設定することはできますstyle.cssが、変更することはほとんど不可能です。これを回避する方法はありますか？

css ファイルを手動で index.html ページに追加すると、ビルド時にそのファイルが削除されます。不足している構成は何ですか?

たとえば、「rzslider.css」は、私の bower.json に含まれていても削除されます。強制的にベンダーに組み込む方法はありますか?

インデックス.html:

グラントフル:

うなり声用の cssmin プラグインには問題があり、それを回避することはできません。また、情報があまりありません。それは共通の問題であるべきだと思うので、奇妙です。

私はこのcssファイルを持っています:

そして、これは私のうなり声のcsssmin構成です（非常に単純です）

そして、私が得るものであるうなり声の cssmin タスクを実行すると:

引用符 (") が取り除かれると、URL のプロパティが読み込まれず、フォントが失われます。

それを解決する方法はありますか？ベースURLを追加するなどのcssminオプションをいじっていましたが、うまくいきませんでした。

前もって感謝します

grunt-contrib-cssmin を使用して、2 つの css ファイルを 1 つに結合する単純な Gruntfile.js を作成しました。

実行するgrunt cssmin --verboseと、出力は次で終了します

その後、ターミナルがハングし、ノード プロセスは CPU を 100% 使用し続けますが、出力ファイルは生成されません。

追加情報: Express + nodejs プロジェクトに取り組んでいます。

システム情報 mac osx 10.9.5

これらのコマンドの出力:

grunt --version && node --version && npm --version

うなり声-cli v0.1.13 うなり声 v0.4.5 v0.10.32 1.4.28