Question

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

Answer 1

Bootstrap构建链使用grunt-contrib-css使用clean-css（版本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
  },

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

1 个答案: