問題タブ [grunt-contrib-cssmin]

ここで初心者をうなり声を上げます。grunt タスク grunt-contrib-cssmin を実行すると、次のエラーが表示されます。modernizr タスクは機能しているようです。

ここに私のgruntfile.jsがあります

これが私のpackage.jsonファイルです。プロジェクトディレクトリにgrunt-contrib-cssがインストールされています

次の「コンテンツ」フォルダー構造で cssmin を使用しています。

ここで、styles.min.css と styles.min.css.map は、「src」フォルダー内のすべてのスタイルシートを連結/縮小した結果です。

私は最初に、styles.min.css に画像の URL が間違った場所 (つまり、「../src/dir1/images/image1.png」ではなく「images/image1.png」) に含まれているという問題がありましたが、ありがたいことに、この面倒な構成は修正されました。それ：

新しい問題:生成されたソースマップ ("styles.min.css.map") には、["content/src/dir1/style1.css", "content/src/dir2/style2.css"] のようなソースが含まれています。 ["../src/dir1/style1.css", "../src/dir2/style2.css"]. これは、マップが次のような間違った場所を指していることを意味します。

「content/dist/content/src/dir1/style1.css」および「content/dist/content/src/dir2/style2.css」

これを解決するにはどうすればよいですか?

参考までに、csswring も試しましたが、ソースマップは正常に動作しているにもかかわらず、一般的なイメージ/インポート URL のリベースが適切に機能していないことが判明したため、cssmin に戻りました。

どうもありがとう！

現在、grunt-contrib-cssmin タスクが完了するまでに 10 分近くかかるという問題があります。この問題は、grunt とすべてのプラグインを現在のバージョンに更新した後に発生しました。私はそれらを1年近く更新していませんでした。更新前は、cssmin タスクが完了するまでに約 5 秒かかりました。

更新後の実行時間の増加の原因は何ですか? 私のタスク定義は次のとおりです。

...これをバグとして報告する必要があります。それを使用しなくても、私のコードは機能します。私がそれを使用するとき、私は私のスタイリングのいくつかを失います.

さらに調べたところ、クラスの複数の定義を削除しています。

また、ここで同様の問題を抱えている人 - Grunt cssmin タスクを回避して重複したエントリを削除する

ブラウザごとに同じクラスを 4 回定義しています。ブラウザは、ブラウザ拡張機能のうちどれを使用するかを認識しています。

これを行わないように指示する方法はありますか:

ここにGruntfile.jsがあります

これが壊れたCSSです。

関連するコードは次のとおりです。

CSS 縮小プロセスを自動化するために、gruntとcssminを使い始めたところです。これは最初は問題なく機能しますが、後でファイルの内容が上書きされるのではなく、縮小されたファイルに追加され、複製されたファイルのサイズがどんどん大きくなります!!

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

どこで間違いを犯しているのか、アドバイスしてください。

すべてのファイルを単一のファイルに縮小するつもりはありません。min.css 拡張子を持つ同じ名前のファイルが必要です。

私の gruntfile.js は次のとおりです。

コード (コメントアウトされた部分を除く) に従って、すべての css ファイルを縮小することを想定しています。しかし、何らかの理由で、ディレクトリからいくつかの css ファイルをスキップします。それらを縮小するには、最初のものをコメントアウトしfiles[{}]、後でコメントを外す必要があります。

両方がコメント解除されている場合は機能しませんfiles[{}]。なぜそれが起こっているのか、私にはわかりません。

私のNodejsのバージョンは: v0.10.25

前もって感謝します。

注grunt cssmin: 以前は、ノード バージョンの問題が原因で警告とタスクの中止が発生していましたが、nvm バージョンをnvm v0.10.39にダウングレードすることで修正されました。ソリューションを指摘してくれたblindMoeに感謝

cssmin を正しく設定できません。この特定のケースでは、2 つの異なる css ファイルから始まる 2 つの異なる css 縮小ファイルを作成するために cssmin を構成しようとしています。端末でgrunt --verboseを使用すると、次のようになります。

ファイルのツリーは次のとおりです。

1. /Gruntfile.js
2. /css/foo.css
3. /css/bar.css
4. /製造/

Gruntfile.js の構成は次のとおりです。

縮小している複数の css ファイルがあります。縮小された各ファイルを css ファイルと同じ名前に保つ方法はありますか? たとえば、billing_edit.css、checkout.css、error_page.css は、billing_edit.min.css、checkout.min.css、error_page.min.css に縮小されます。多くの css ファイルがあり、通常はそれらを結合する方がよいことはわかっていますが、これはスタイルが競合する可能性がある状況です。その場合、以下のことは避けたいと思います。

私のプロジェクトはかなり基本的な yo/angular プロジェクトです。次のcssmin構成があります。

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

このエラーは他の投稿で見ましたが、cssmin では見られませんでした。package.json のライブラリを最新のものにアップグレードしましたが、これが原因である可能性があります。

このプロジェクトは、一度にうまく構築されていました。どのパスが欠落しているかを判断できません。私が行方不明になっているパスを誰かが知っていますか?

私はたまたまこれに出くわし、これを理解するのに行き詰まりました。次のように、 と呼ばれるこの面倒なタスクがありbuildます。

現在、cssminフェーズ中、常にこのようなエラーがスローされます。

しかし、私のタスクにはパスcssminがありません。:generatedここにあります。

を実行cssmin:distすると、問題が解決します。しかし、私はこの:generated道の源を見つけたいと思っています。:generated現在、すべての依存関係を縮小してまとめてコンパイルするように修正しているため、このパスが実際に探しているものかどうかを見逃したくありません。

編集：

Gruntfile.js

パッケージ.json