gulp - Bootstrap 4. CSS 缩小会产生错误的结果

Question

我已经用 Bower 安装了 Bootstrap 4.0-alpha，现在我有了一个包含预编译 bootstrap.css 和 bootstrap.min.css 的 dist 目录。在开发环境中，我尝试不使用压缩版本，而是在部署中使用缩小版本。我使用 Laravel Elixir 来运行我的任务。压缩后，一些引导程序样式已更改。例如，h1 标签有“margin-top：0.67em”（它已经发生，因为“margin-top：0px”的优先级较低）。当然，我可以简单地使用 dist 目录中的预压缩文件，这完全可以。但是如果是我的缩小器的问题，恐怕会导致进一步发展的错误结果。所以我的问题是为什么会这样？

Answer 1

Bootstrap 构建链使用grunt-contrib-csswhich uses clean-css(version 3.4.6)

在 Gruntfile.js 中noAdvanced: true已设置该选项。据我所知，这不是一个grunt-contrib-css选择clean-css。而是advanced: false应该设置：

cssmin: {
  options: {
    // TODO: disable `zeroUnits` optimization once clean-css 3.2 is released
    //    and then simplify the fix for https://github.com/twbs/bootstrap/issues/14837 accordingly
    compatibility: 'ie9',
    keepSpecialComments: '*',
    sourceMap: true,
    advanced: false
  },