問題タブ [grunt-contrib-cssmin]

salsjs アプリケーションにカスタム タスクを追加しようとしています。

これは私がこれまでに行ったことです：

• cssminTemplates.js という名前の task/config ディレクトリに新しいファイルを追加しました
• task/registerd ディレクトリにある default.js ファイルを変更します。

私の cssminTemplates.js は、基本的に cssmin.js 標準ファイルのコピーです。

default.js ファイルは次のように変更されています。

しかし、Sails Lift コマンドでアプリを起動すると、次のエラーが発生しました。

「cssminTemplates」を「cssmin」で変更しようとしましたが、エラーは発生しませんでした。

Grunt.js concat と cssmin を異なるディレクトリから使用して、複数の CSS ファイルを縮小して結合しようとしています。残念ながら、各 CSS にはリソースへの相対リンクがあるため、css は壊れます。次に例を示します。

私はウェブでその答えを見つけようとしていましたが、運がありませんでした。以下は、2 つの異なる WP プラグイン CSS ファイルを組み合わせた Gruntfile.js コードの例です。

cssminで縮小されたheadセクションに含まれるhtmlファイル幅のcssファイルがあり、さらにhtmlはhtmlmin gruntタスクで正常に縮小されていますが、縮小されたhtmlには少し問題があり、cssとjavascriptがheadセクションに直接含まれていますcssやjavascriptではなく、htmlの場合は明らかにこのタスクです。

head セクションに含まれる css と javascript を縮小するにはどうすればよいですか?

例: これは私のダミーの初期 HTML ファイルです。

htmlmin grunt タスクを実行すると、結果は次のようになります。

この例の head セクションで省略した css と一部の JavaScript コードを除いて、すべてが縮小されていることに注意してください。

cssファイルを縮小して連結するために使用gruntjs/grunt-contrib-cssminしています。出力cssファイルに単純なバナーを追加したかったのですが、機能していません

そして出力はbody{background-color:#ff0}.... しかし期待される出力ですMY BANNER body{background-color:#ff0}

grunt-contrib-css を使用して sass ファイルを処理しています。これは次のワークフローです。

• partial.sassにはすべてのスタイルが含まれています。
• home.sass import partial.sass .
• home.cssは、 home.sassから作成されます。
• home.min.cssは、 home.css の縮小版であり、 .html ファイルに含まれています。

ただし、home.min.css のマップは home.css を指していますが、必要なのは部分ファイルに関連するマップです。これは可能ですか？

PD: grunt-contrib-sass を使用して sass ファイルを処理し、grunt-contrib-cssmin を使用して css を縮小しています。

間違いなくビルドされますが、最初の css ルール ブロックはすべて削除されます。問題の原因は何ですか?

うなり声構成: ...