禁用/啓用css註釋行與吞嚥

Question

有沒有辦法使用Gulp在特定的行禁用特定的css註釋，並在構建任務後啓用它？

例如，我想禁用我的@import'compass/reset';它位於我的css文件的第一行，並在構建任務之後啓用它。

在此先感謝！

Answer 1

是的。你需要這個Gulp plugin.這就是所謂的gulp-strip-code，你只需要添加它上面和下面兩個註釋行，就像CSS/JS unifiers做，像這樣：

注：我寫下來，因爲我認爲你有關於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" 
}))