問題タブ [grunt-contrib-cssmin]

これは懸念事項であり、要件を維持しながら解決するのは困難です。

useminvia grunt タスクを使用して、複雑でかなり大規模なアプリケーションのビルドを最適化します。現在の問題は、あいまいな 4095 の最大ルール制限のために、ビルド中の単一ファイルから IE8 と IE9 が CSS ルール宣言を削除していることです。

現在、次のように機能します。

• main-min.cssless はdist に1 つの大きなファイルをビルドします
• ソースマップ追加main-min.css.map
• 回転先のusemin プロセスmain-min.<hash>.css、main-min.<hash>.css.map

今後は、次のものが必要です。

• main-min.cssless はdist に1 つの大きなファイルをビルドします
• https://github.com/project-collins/grunt-csssplitのようなものはmain-min-part1.cssand main-min-part2.css(など) に変換されます。現在、新しいファイルの名前は返されず、ソース マップもサポートされていません。
• usemin を使用して、新しい分割スタイルを取得しassetDir、すべてを個別に (連結せずに) インクルードします。これは、単一のファイルを排他的に作成しようとする例/ワークフローに欠けているようです。
• 部品が改訂されました
• ソースマップ? （これは紛失しても構いません）

そのような設定のアイデア/例をいただければ幸いです。または代替アプローチ。

Sprockets ではなく、Grunt ワークフローを使用して Rails アプリでアセットを管理することに取り組んでいます。

これまでのところ、私は自分のアプリの JS と CSS をそれぞれ と に連結および縮小しpublic/assets/javascripts/application.jsてpublic/assets/stylesheets/application.cssいます。

また、Bower コンポーネントの JS と CSS を連結しpublic/assets/javascripts/vendor.js、public/assets/stylesheets/vendor.cssそれぞれ と に縮小します。

次に、Bower コンポーネントのフォントと画像が にコピーされpublic/assets/(images|fonts)ます。

これで問題ありませんが、これらのファイル内のフォント/画像への参照を更新して、新しい場所を反映する必要があります。

私は cssmin を見てきました。はい、ファイル参照を書き換えますが、参照されているファイルの種類に応じてファイルパスを変更することはできません。

どうすればこれを行うことができるかについてのアイデアはありますか?

また、ビューファイルを読み取り、それらを使用してファイルを縮小および連結し、ビューのタグとタグを更新できる Grunt プラグインについて読んでいます。

Railsアプリでそれを行うことはできませんか? Railsでこれを処理する方法はありますか?

使用しているプラ​​グインと個別のスタイル シートからのさまざまな css がたくさんあり、それらすべてを結合して縮小するタスクを構築しようとしています。今、私は cssmin でこれをやろうとしていますが、これが初めての試みなので、正しい道を進んでいるかどうかはわかりませんが、ここに私がしようとしていることがあります。

アイデアは、css フォルダー内のすべての css および min.css ファイルを取得し、それらを 1 つの output.css に結合してから、そのビルド/css を min.css ファイルとして縮小するというものです。これがどのように機能するかはよくわかりませんが、これは私の最初の試みです。基本的な考え方は、すべてを結合して、タスクの下部にある 1 つのファイルに縮小することです (auto プレフィックスを付けて uncss を使用してブートストラップを削除した後)。ガイダンスをいただければ幸いです。これは正しい方向ですか? これは正しく機能していないようですので、助けていただければ幸いです。

読んでくれてありがとう！

私は css ファイルを縮小するために grunt-contrib-cssmin を使用していますが、私の css ファイルの onw は @import url 行を使用しており、上記の grunt プラグインはこの css ファイルを縮小できません。この問題を解決するために clean-css および cssjoin ツールも試しましたが、知るまで何も機能しませんでした。

**

• グラントファイル:

**

**

• Prettify.css

**

プラグインgrunt-contrib-cssminのラッパーである を使用しています。clean-css

によって行われた最適化を無効にするすべてのオプションを試しました。css ファイルを縮小しclean-cssたいだけですが、残念ながらそれらを変更します。たとえば、次のように変更します。clean-css

に：

この最適化を無効にするにはどうすればよいですか? この GitHub リンクは、これらの最適化が によって行われたことを示していclean-cssます。

私が実行するgrunt build --verboseと、それは私に言ってい>> Destination not written because minified CSS was empty.ます。Files: [no src] -> dist/styles/main.cssまた、ソースがない場合、[no src]何も書かれていないのは理にかなっていると言われていることにも気づきました。少なくとも今はそう思っています。その結果、main.cssが生成されません。

なぜこうなった？

ここに私のGruntfile.jsを含む Gist があります:

https://gist.github.com/3lfist/86f1cc3076e01ef5a905

これが usemin ブロックを含む私のindex.htmlです

https://gist.github.com/3lfist/c39eedeb7c8ef6adae48

これは、繰り返される質問であることに加えて、解決されていないようです。

これは私のフォルダ構造です：

縮小版は参照する必要があるが、どのようsrc/styles/style.cssに参照するかに注意してくださいurl(../images/image.png)build/style.min.cssurl(images/image.png)

cssmin または clean-css のオプションのどの組み合わせでこれを達成できますか?

私の現在の構成: