Disable/Enable css 注释行 gulp

Question

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

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

提前致谢！

Answer 1

是的。你需要这个 Gulp plugin. 它叫做 gulp-strip-code ，你只需要在它上面和下面添加两条注释行，就像 CSS/JS 统一器一样，像这样：

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 */

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

使用节点文件夹导航到您的主项目目录并像这样安装它：

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

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

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

Disable/Enable css comment line with gulp