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

Question

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

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

提前致谢！

Answer 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 并像这样通过管道传输您想使用的自定义 cmets：

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