Question

我有一个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文件。

this question's answer上所述的

config.assets.js_compressor = :sass不起作用

评论打破了css规则

0 个答案: