當@import存在時，gulp-less會生成空白css文件

Question

我正在嘗試使用gulp編譯更少的文件到css中。我有這個在另一個項目上工作，但不在這個項目上。

在我gulpfile.js任務看起來是這樣的：

gulpfile.js

​​

我edgc-styles.less文件包括@import這又包括@import如下：

//my custom stylsheet 

@import "../bootstrap/bootstrap.less"; 
@import "custom-variables.less"; 
@import "custom-fonts.less"; 

和bootstrap.less文件中t開始是這樣的：

// Core variables and mixins 
@import "variables.less"; 
@import "mixins.less"; 

在我的輸出我得到的是在bootstrap.less文件和空白之後開始的註釋。

我不能解決如何在gulp中（在Windows機器上）記錄錯誤，看看發生了什麼，但假設它在嘗試導入variables.less時失敗。這是一個有效的文件，並存在與bootstrap.less相同的目錄中

我在gulp配置中丟失了什麼指令？我是新手，所以不確定它的所有功能以及如何正確地遍歷目錄。

任何幫助表示讚賞

Answer 1

看來，你試圖同時生成一個可讀的CSS和相同的CSS文件的縮小版，在同一時間，以相同的文件名，在相同的位置。這將導致兩個gulp.dest函數的輸出互相干擾，並且它們的輸出無用。嘗試將它們放到不同的位置或重命名縮小版本，gulp-rename包可以幫助您在流中更改縮小版本的名稱。