問題タブ [grunt-contrib-cssmin]

私のLESSファイルは、次の構成でgrunt-contrib-lessおよび対応するgruntタスクでコンパイルされています。

次に、出力cssファイルのcssminで処理しました。縮小しますが、縮小された css の前のステップからソース マップをバインドしたいと考えています。

options.sourceMap でソース マップ パスを指定すると、タスクは失敗します。css-clean docsに次のように表示されます。

sourceMap - sourceMap プロパティでソース マップを公開します。たとえば、new CleanCSS().minify(source).sourceMap (デフォルトは false) 入力スタイルが CSS プリプロセッサ (Less、Sass) の製品である場合、入力ソース マップを文字列として渡すことができます。 .

しかし、この文字列をタスクに渡す方法がわかりません。それは可能ですか？これどうやってするの？

Grunt を使用して、プロジェクトとcssminタスクを内部でビルドします。CSS ファイルにリモートの @import ステートメントが含まれておりgrunt build、警告が返されます。

clean-cssライブラリのドキュメントで次の情報を見つけました。

リモート @import ステートメントをインライン化するには、minify メソッドへのコールバックを提供する必要があります。

これは、ローカル ファイルは同期的に読み取ることができますが、リモート リソースは非同期的にしか処理できないという事実によるものです。コールバックを提供しない場合、リモートの @import はそのまま残ります。

リモート @import ステートメントの処理を修正するために、Gruntfile.js で cssmin タスクを記述するにはどうすればよいですか?

Grunt ファイルで usemin を使用しています。

purifycssを使いたいです。

しかし、 grunt を実行すると次のエラーが発生します。 Warning: Please check the validity of the CSS block starting from the line #1 Use --force to continue.

Font Awesome が私のプロジェクトの最初のライブラリであり、次の css ヘッダーがあるためだと思います。 /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */

keepSpecialComments: 0したがって、cssminには引数 : を使用する必要があると思います。

私の問題は、usemin 準備タスクが cssmin を実行していて、この引数を追加する方法がわからないことです。

何か案が ？

ありがとう ！

ディレクトリとサブディレクトリをループし、JS ファイルと CSS ファイルを圧縮する Grunt タスクがあります。

次のエラーが表示されます。これless.jsは、フォルダーが JavaScript ファイルであると誤って認識したことを意味します。などの名前を持つディレクトリをスキップするようにその正規表現 (ワイルドカード) を構成することは可能でしょうかless.js?

uncss grunt タスクを定義しました。フォルダ /css 内のすべてのファイル コンテンツに .min.css を追加したいのですが、grunt コマンドを実行して css の変更を保存すると (タスク ウォッチが見ています)、次のエラーが表示されます。コンソールで:

これは私の cssmin タスクです:

そして、これは私の完全な Gruntfile.js です:

最後に、これは私のプロジェクト構造です:

どうすればこれを修正できますか?

コンパスの代わりに libsass を使用して、yeoman angular generator を使用して Angularjs アプリを構築していますが、ローカル サーバーでうまく動作します。

しかし、ビルド後、css プロパティの一部が px から pc に変更され、エラーやスタイリングの問題が発生します。

ビルド前 [未縮小]: background-position: -468px -11px

ビルド後 [縮小]: background-position: -468px -11pc

Grunt と grunt-contrib-cssmin を使用してすべての CSS コメントを削除しようとしています。CSS ファイルはコンパイルされ、すべてのコメントが含まれています。

コメントは次の行で削除する必要があります: keepSpecialComments: 0

CSS ファイルのソースマップを自動生成するように Gruntfile を構成しようとしています。1 つの縮小ファイルに結合する縮小されていない CSS ファイルがいくつかありますが、ソースマップをdist/src/_assets/css/介してデバッグするために縮小されていないファイルを参照したいと思います。私は grunt-contrib-cssmin バージョン 0.14.0 と grunt 0.4.5 を使用しています。

私の目標プロジェクト構造はおおよそ次のとおりです。

• 距離
  • _assets
    • CSS
  • ソース
    • _assets
      • CSS
• ソース
  • _assets
    • CSS

私の grunt-contrib-cssmin 設定は次のとおりです。

bootstrap.css、font-awesome.css、およびportfolio.cssをにコピーする別のコピー タスクがありますdist/src/_assets/cssが、何らかの理由で、ソースマップが のdist/_assets/css/src/_assets/css/代わりに参照しようとしていますdist/src/_assets/css。ソースマップを手動で変更せずに、ソースマップが見ているディレクトリを変更する方法はありますか? grunt-contrib-uglify の基本的に同じ設定が、ソースマップに関して私が望むことを正確に行うため、これはかなり混乱します(つまり、 を参照しますdist/src/_assets/js)。

grunt-contrib-cssmin. SourceMap cssmin.js` を false に設定して縮小された css を作成しようとすると問題がon発生し、このエラー メッセージが表示され続ける理由がわかりません。

これをどうすればいいですか./source-map/source-map-generator" error?

エラーメッセージ

Gruntfile.js