css - 使用 gulp 禁用/启用 css 注释行

Question

有没有办法在 Gulp 的特定行禁用特定的 css 注释，并在构建任务后启用它？

例如，我想禁用我的@import 'compass/reset'；它位于我的 css 文件的第一行，并在构建任务后启用它。

提前致谢!

Answer 1

是的。你需要这个Gulp plugin.它叫做 gulp-strip-code ，你只需要在它的上方和下方添加两条注释行，就像 CSS/JS unifiers 所做的那样:

NOTE: I am writing this down, as I presume that you have the needed knowledge about Gulp.

/* test-code */
@import 'compass/reset';
/* end-test-code */

实现起来相当容易。只需按照插件页面上的说明操作即可。

使用 Node 文件夹导航到您的主元素目录并像这样安装它:

npm install gulp-strip-code --save-dev

然后， create a task for it 并通过管道传递您想要使用的自定义评论:

.pipe(stripCode({
  start_comment: "start-test-block",
  end_comment: "end-test-block"
}))