css - コメントは CSS ルールに違反しています

Question

Rails アプリがあり、ブートストラップと他のベンダーの js と css を使用しています。

開発ではすべて問題ありませんでしたが、本番環境 (heroku) に移行すると、いくつかの css ルールが無視されます。

これは、無視されているルールの 1 つです。

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }

  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }
}

面白いことに.drawer--sidebar .drawer-hamburger、期待どおりに動作しますが、.drawer--sidebar.drawer--left .drawer-nav検出されません。

生成された css を見ると、次のようになりました: (展開)

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display:none;
    visibility: hidden
  }

  /*! Left */
  ;.drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd
  }
}

著作権を使用してコメントを削除しようとしまし config.assets.js_compressor = Uglifier.new(comments: :none, copyright: false)たが、機能しませんでした。

問題のあるコメントを削除するだけですが、デプロイごとにアセットをプリコンパイルする前に依存関係をダウンロードします。

これらのコメントを無視するようにレールに指示するにはどうすればよいですか?

編集

明確にするために。

config.assets.js_compressor = Uglifier.new(comments: :none, copyright: false)動作しますが、js ファイルのみです。

config.assets.js_compressor = :sassこの質問の回答に記載されているように、機能しません