0

我有一个 rails 应用程序，我正在使用 bootstrap 和其他一些供应商的 js 和 css。

开发时一切都很好，但是当我将其移至生产环境（heroku）时，一些 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;
  }
}

有趣的是，它的.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)但没有奏效。

我会简单地删除有问题的评论，但我们会在每次部署时预编译资产之前下载依赖项。

我如何指示 rails 忽略这些评论？

编辑

只是为了澄清。

config.assets.js_compressor = Uglifier.new(comments: :none, copyright: false)确实有效，但仅适用于 js 文件。

config.assets.js_compressor = :sass如this question's answer所述不起作用

4

0 回答 0