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

时间:2017-01-24 11:19:15

标签: css node.js npm gulp compass

有没有办法在Gulp的某一行禁用特定的css注释,并在构建任务后启用它?

例如,我想禁用我的@import'指南/重置&#39 ;;它位于我的css文件的第一行,并在构建任务之后启用它。

提前致谢!

1 个答案:

答案 0 :(得分:1)

是的。你需要这个Gulp plugin.它被称为gulp-strip-code,你只需要在它上面和下面添加两条注释行,就像CSS / JS统一一样,就像这样:

  

注意: 我写这篇文章,因为我认为你有关于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"
}))