gulpでCSSコメント行を無効/有効にする

Question

Gulpで特定のCSSコメントを無効にしてビルドタスクの後に有効にする方法はありますか？

たとえば、@import 'compass/reset'を無効にしたいとします。これは私のCSSファイルの最初の行にあり、ビルドタスクの後に有効にします。

ありがとうございます！

Answer 1

はいあります。

注：私はこのダウンを書いています、あなたは単純にそうように、CSS/JSのユニファイアが行うと同じように、その上および下の2つのコメント行を追加する必要があり、それはgulp-strip-codeと呼ばれるこのGulp plugin.が必要私はあなたが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" 
}))