如何在 Grunt 中定義 clean-css 屬性以防止 0% 被轉換為 0

Question

我正在使用 Grunt 中的 cssmin 插件縮小我的 css 文件。 我注意到背景屬性得到優化。 Gruntfile.js

cssmin: {
    options: {
      // ...
    },
    target: {
        files: [{
            expand: true,
            cwd: './htdocs/css/src',
            src: '**/*.css',
            dest: './htdocs/css/dist',
            ext: '.min.css'
        }]
    }
}

.carousel {
    background: linear-gradient(70deg, #c12365 0%, #c72570 1%, #c12365 calc(0% + 1px), #c12365 40%, #404040 calc(20% + 1px), #404040 75%, #404040 calc(75% + 1px), #404040 100%);
    overflow: visible;
}

我為實現背景而編寫的代碼但是在運行 grunt 任務運行程序后，生成的 min 文件已優化為

.carousel{background:linear-gradient(70deg, #c12365 0, #c72570 1%, #c12365 calc(0 + 1px), #c12365 40%, #404040 calc(20% + 1px), #404040 75%, #404040 calc(75% + 1px), #404040 100%);overflow:visible}

注意： cssmin 將0%值轉換為0 ，這使得背景不同。

我什至閱讀了文檔並嘗試將所有級別 1 和級別 2 屬性設置為 false by 作為選項參數

options: {
    level: {
        1: {
            all: false // set all values to `false`
        },
        2: {
            all: false // set all values to `false`
        }
    }
}

仍然沒有得到想要的結果。

有人可以幫我嗎

Answer 1

在您的cssmin任務zeroUnits選項設置為false 。

例如：

cssmin: {
  options: {
    compatibility: {
      properties: {
        zeroUnits: false   // <------
      }
    }
  },
  target: {
    files: [{
      expand: true,
      cwd: './htdocs/css/src',
      src: '**/*.css',
      dest: './htdocs/css/dist',
      ext: '.min.css'
    }]
  }
}

---

結果：

.carousel{background:linear-gradient(70deg,#c12365 0%,#c72570 1%,#c12365 calc(0% + 1px),#c12365 40%,#404040 calc(20% + 1px),#404040 75%,#404040 calc(75% + 1px),#404040 100%);overflow:visible}

注意： 0%值已被保留。