問題タブ [clean-css]

はいはい、セレクター間のコンマが何を意味するかは誰もが知っています。

これは違います。私は CSS をかなりよく知っていると思っていましたが、今日、これまでに見たことのないもの、宣言ブロック間のコンマに出くわしました。私はclean-cssを使用してきましたが、この縮小されたクリーンな出力が生成されました (読みやすくするために空白を再挿入しました)。

の宣言ブロックの右中括弧の後にコンマ (独自の行に配置した) に注意してくださいbody .container。これは有効な CSS ですか? もしそうなら、それはどういう意味ですか?

clean-css の入力 CSS は次のとおりです。

パッケージ マネージャーとビルド システムに NPM と Gulp を使用しています。「gulp-sass」をインストールしてsassをサポートし、「gulp-clean-css」をインストールして、cssファイルをインラインで@importできるようにしました。「_frontend/scss/**/*」で SCSS ファイルをキャプチャし、「assets/frontend/css/styles.css」として単一のファイルにコンパイルします。出力場所には、"css" の兄弟である "fonts"、"img"、および "js" という他の重要なリソース フォルダーがあります。

私の問題は、「*.css」ファイルをインポートしているときに、ターゲットへの url() 相対パスを正しく取得できないことです。ただし、「.scss」ファイルをインポートしている場合は問題ありません。

これが私のコードです（質問を簡単にするためにソースマップ、エラーログなどを取り出しました）：

GULPFILE.JS

メイン.SCSS

以下でOKです

出力は正しい相対パスで出力されるようです サンプル出力: url(../fonts/FontAwesome/fontawesome-webfont.eot?v=4.6.1)

以下はありません

サンプル出力: url(../node_modules/jquery-ui/themes/base/images/animated-overlay.gif) ^^ 上記は何らかの方法で「../node_modules」を追加します。 どういうわけかこれを「../img/vendor/jquery-ui/what/ever/i/like/here」に設定したい

これが私のディレクトリ構造です。

誰かがこれについて助けることができれば素晴らしいでしょう。

gulp.taskとしてgulp -clean-cssを使用して CSS を縮小します。

私のファイル パスはcss/mehr.cssで、縮小された CSS のパスは css/ mehr.min.cssになります。

しかし、タスクを実行すると:

mehr.min.css が作成されましたが、空です!

出力:

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

gulp-clean-css の最新バージョンを使用します。

出力: