gulp minify-css清除scss文件中的注释

马里伯

我正在努力成为一个好男孩,并且用口香糖最小化我的css。我目前正在使用gulp-sass(不是gulp-ruby-sass),它似乎没有内置的缩小功能。所以现在我正在使用gulp-minify-css将一些缩小项通过管道传递到我的编译中。问题在于它现在剥夺了我所有的评论。两者/*comment*///comment这并不理想,因为我需要初步评论来设置我的wordpress主题。

因此,我查看了文档(https://github.com/jonathanepollack/gulp-minify-css/wiki),似乎有一个名为keepSpecialComments的选项。

因此,我在gulpfile中尝试了以下操作:

.pipe(minifycss({keepSpecialComments: '*'}))

.pipe(minifycss({keepSpecialComments: *}))

第一个仍然删除注释。第二个报告错误。所以我认为我可能会弄错格式吗?

有人能帮我一下吗?

谢谢

太过狂热

您在此处的第二个示例中有一个星号*在外面,它不是字符串。这就是为什么它报告错误。

docs声明默认设置为保存所有特殊注释。如果单击进入clean-css,您将看到特殊注释是指带有感叹号(!)的注释,以表明它们很重要尝试更改您的注释,使其看起来像这样,我敢打赌,它将保留它,而无需进行任何配置。

/*!
put your settings here
*/

如果出于某些原因,Wordpress无法使用特殊注释,则可以gulp-replace在保存注释之前使用它来更正注释,如下所示:

var replace = require('gulp-replace');

// ... sass, compress-css, etc ...
.pipe(replace('/*!', '/*'))
// ... gulp.dest, etc ...

这将从注释中删除感叹号。除非Wordpress失败,否则我不会这样做。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

gulp minify-css清除scss文件中的注释

来自分类Dev

Gulp + Less + Minify CSS 错误:连接多个 Less 文件?

来自分类Dev

gulp-minify而不重命名原始文件

来自分类Dev

gulp concat scss与CSS

来自分类Dev

gulp concat scss与CSS

来自分类Dev

gulp-minify-html删除空的HTML属性,从而导致Angular应用出现问题

来自分类Dev

how to minify css file containing @page

来自分类Dev

使用gulp-sass在已编译的CSS中从SCSS文件输出行号

来自分类Dev

如何使用Gulp缩小和自动添加SASS / SCSS中的CSS文件

来自分类Dev

使gulp在与已处理的scss文件相同的目录中动态写入CSS

来自分类Dev

sass文件中的注释上有Gulp libsass / autoprefixer错误

来自分类Dev

Gulp 不会将 SCSS 转换为 CSS

来自分类Dev

Gulp-sass无法编译scss文件

来自分类Dev

Gulp缩小CSS

来自分类Dev

Gulp缩小CSS

来自分类Dev

Gulp合并凉亭文件

来自分类Dev

用gulp复制文件

来自分类Dev

wired gulp,文件顺序

来自分类Dev

如何查看gulp文件?

来自分类Dev

编译适当的 gulp 文件

来自分类Dev

Gulp:合并文件

来自分类Dev

gulp 文件 babelify 任务

来自分类Dev

在gulp任务中删除文件

来自分类Dev

覆盖gulp流中的文件

来自分类Dev

Chrome中的Gulp Livereload

来自分类Dev

在Gulp中复制

来自分类Dev

使用gulp-rev,gulp-rev-replace,gulp-rev-css-url进行Gulp修订

来自分类Dev

在gulp-inline中运行gulp-clean-css选项

来自分类Dev

如果首先清除dist文件夹,则Gulp注入会忽略css