如何让 gulp-clean-css 在重要之前保留空格?

Question

优化代码时，gulp-clean-css会从css值和结束!important单词之间删除重要的空格，例如。width: 600px !important变得width: 600px!important

顺便说一句，1 级semicolonAfterLastProperty: true设置也不起作用！

我已经阅读了这里的文档 - https://github.com/jakubpawlowicz/clean-css#formatting-options - 并尝试使用 level1transform: 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
}
}      
}))

到目前为止，唯一有效的解决方案是将代码的关键部分包围起来/* clean-css ignore:start */ .... /* clean-css ignore: end */，但我正在寻找更好的方法。

Answer 1

好吧，看起来gulp-proplace插件是有帮助的：

从gulpfile.js：

const replace = require('gulp-replace'(;

。切。。。 和： .pipe(replace('！important'， ' ！important'((