Gulp任務完成到相同級別的文件夾稱爲css

我想在Visual Studio Code中有一個吞噬任務，該任務使用擴展名.less來監視名爲less的文件夾中的所有文件。找到後，任務必須將較少的文件編譯到與less文件夾相同級別的稱爲css的文件夾。Gulp任務完成到相同級別的文件夾稱爲css

當前代碼：


 
gulp.task('less', function() { 
 
    gulp.src('less/*.less',{ cwd:'..' }) 
 
     .pipe(less()) 
 
     .pipe(gulp.dest('css'), { cwd:'..' }); 
 
}); 
 

 
gulp.task('default', function() { 
 
    gulp.watch('./**/less/*.less', ['less']); 
 
});

我想要什麼：

X
- Ÿ
- 少
  - style.less
- CSS
  - 的style.css

什麼上面的代碼呢：

X
- ý
- 更少
  - style.less
CSS
- ý
  - 少
    - 的style.css

是特定的路徑時，但問題是，我已經在多個層次上少的文件夾我有這個工作。我該如何解決這個問題？

來源

2015-11-03 user2425360

gulp.dest（'。'）？ – JotaBe

與較少的文件在相同的文件夾中創建css文件。我希望這個css文件位於名爲css的文件夾中，與文件夾less相同。 – user2425360

目前沒有辦法做到這一點。唯一可以接近你的解決方案是gulp-flatten。但是，這需要指定一個固定數量的父母來包含。在你的情況下，你有不同級別的文件夾，你需要爲每個案例指定一個不同的數字。所以，唯一的選擇是修改扁平化代碼以支持excludeParents之類的東西，這相反是扁平化的，即排除固定數量的父母（在你的情況下，1）。

來源

2015-11-04 10:39:31 JotaBe

試試這個：

gulp.task('less', function() { 
    gulp.src(['**/*.less', *.less],{ cwd:'less' }) 
     .pipe(less()) 
     .pipe(gulp.dest('css')); 
});

來源

2015-11-04 10:58:36

我知道這是位老問題，但覺得值得分享我的答案。

gulp.task('app:less', [], function() { 
return gulp.src(['./src/**/*.less'], { base: './src/' }) 
    .pipe(less()) 
    .pipe(gulp.dest('./src/')); 
});

設置base選項，根文件夾dest路徑./src/爲我工作。

來源

2017-08-29 19:40:42 Thaadikkaaran

Gulp任務完成到相同級別的文件夾稱爲css

回答

相關問題