Gulp 如何使吞咽干净css保留空白之前！重要吗？

优化代码时，glup clean css会删除css值和结束符之间的重要空格

！重要的

word，例如宽度：600px！重要信息变为宽度：600px！重要信息

顺便说一下，级别1

分号afterlastproperty:true

设置也不起作用

我已经阅读了这里的文档--并尝试使用level1

transform:function（）{}

，但它不起作用

.pipe(cleanCSS({
        format : 'beautify',
        level: {

   1: {
      transform: function (propertyName, propertyValue, selector ) {
        if (propertyValue.indexOf('!important') > -1) {
          return propertyValue.replace('!important', ' !important');
        }
      },
        semicolonAfterLastProperty: true
    },
    2 : {
        removeDuplicateRules : true
     }
     }      
    }))

到目前为止，唯一有效的解决方案是通过

---

/*清除css忽略：开始*/../*clean css ignore:end*/

，但我正在寻找更好的方法。

好吧，看来gulp替换插件有帮助了：

从gulpfile.js：

const replace=require（'gulp-replace'）

。。。切。。。 以及：

---

.pipe（replace（“！important”，“！important”）

好吧，看来gulpreplace插件有帮助了：

从gulpfile.js：

const replace=require（'gulp-replace'）

。。。切。。。 以及： .管道（替换（“！重要”，“重要”））