問題タブ [gulp-minify-css]

css を含むすべての bower パッケージ アセットを連結および縮小しようとしています。そのうちの 1 つがブーツウォッチ デザインで、Google フォントをインポートします。問題は、css タスクを実行するとタイムアウト例外が発生することです。それらのフォントをダウンロードしようとしていると推測していますが、毎回例外が発生するわけではないため、時間がかかりすぎます。

どうすれば解決できますか？

ガルプのインポート:

一気飲みタスク:

例外：

このタスクを単独で実行すると、(制限テストでわかる限り) 常に正常に動作しますが、他のタスクと組み合わせて実行すると、前述のエラーが発生します。

Bootstrap 4.0-alpha を Bower と共にインストールしました。これで、コンパイル済みの bootstrap.css と bootstrap.min.css を含む dist ディレクトリができました。開発環境では、圧縮版ではなく、展開内で縮小版を使用するようにしています。Laravel Elixir を使用してタスクを実行しています。圧縮後、いくつかのブートストラップ スタイルが変更されました。たとえば、h1 タグには "margin-top: 0.67em" があります ("margin-top: 0px" の優先度が低いために発生しています)。もちろん、完全に問題のない dist ディレクトリから事前に圧縮されたファイルを使用することもできます。しかし、それが私のミニファイヤの問題である場合、今後の開発で間違った結果につながるのではないかと心配しています.だから私の質問は、なぜそれが起こっているのですか?

コードを縮小しようとしていますが、clean-css を実行すると常にこのエラーが発生します。

コメント行を削除するなどのさまざまな投稿を読みましたが、すべてうまくいきませんでした。

誰でもこの問題を解決するための他のアイデアや方法を持っています

私はこのgulp css minification行を持っています:

このcss部分を縮小すると：

私はこれを得る：

そのブラケットのせいでcss全体が壊れます。

これを回避するために見逃したオプションはありますか? (nanocss atm に切り替えることはできません)

私は関連する質問を探していましたが、これに対する答え (または質問) が見つかりませんでした。ほとんどの質問は、間違ったパスまたはソースマップが生成されないことに関するものですが、このようなものは見つかりませんでした。

このタスクを処理すると、縮小された css ファイル (bootstrap.min.css) とソースマップ ファイル (bootstrap.min.css.map) が得られます。

しかし、これらのファイルを使用するコードを調べると、ソースが処理されたレスファイル自体ではなく、処理されたレスファイルである場合のように、一部のパーツはbootstrap.css（存在しない）に誘導します...そして一部のパーツは指示します私を.lessファイルに。

私をbootstrap.cssに誘導する部分は、縮小されていない、生成されたcssに私を連れて行きます。しかし、ソースのないファイルに導くためにそれが必要です (これが、最初にソース マップが必要な理由です)。

生成されたソースマップ内には、ソースに bootstrap.css へのリンクがありますが、bootstrap.css は生成されていません。

これは、私の bootstrap.less タスクで発生していますが、ほぼ同じ他のタスクでも発生しています。

一部の部分がより少ないファイルにつながる理由とそうでない部分がある理由を教えてくれるパターンは見つかりませんでした。

何が悪いのかを理解しようとして、一日中髪を引っ張っています!.

お役に立てれば幸いです。

そして、オプションファイル...

.cssファイルを連結して縮小する次のコードがあります。

ターミナルにはエラーは表示されませんが、連結と縮小のコードは機能していません。

問題を解決するには何を修正すればよいですか? 私のプロジェクトの構造:

アップデート！

私の場合、.css ファイルにいくつかの構文上の誤りがありました。それらを修正し、minifyCSSがサポートされなくなったため削除すると、うまく機能します。

私のフォルダー構造は、私が書いているファイルであるstyle.cssを格納する「production」というディレクトリで構成されています...自動接頭辞付きのstyle.cssファイルの宛先である「css」という別のディレクトリがあります。私が設定したウォッチ タスクはオートプレフィクサーに対して完全に機能しますが、ミニファイ タスクは、新しく作成されたオートプレフィックス付きの css をミニファイ バージョンでオーバーライドする際にウォッチ タスクを介して機能しません。私はgulpが初めてです...どんな助けでも大歓迎です!

これが私がやっていることです：

ファイル構造: