文章/答案/技术大牛

发布

社区首页 >问答首页 >吞咽文件夹编译

问吞咽文件夹编译
EN

Stack Overflow用户

提问于 2015-04-15 10:43:58

回答 1查看 947关注 0票数 0

我是比较新的吞咽者。当我试图编译一个带有子文件夹的目录时，我遇到了一个问题。

文件夹结构：

|_sass
   |__folder1
   |   |_file.sass
   |__folder2
   |   |_file.sass
   |__folder3
       |_file.sass

我的简单任务是尝试编译

gulp.task('sass', function(){
  return sass('sass/')
    .pipe(gulp.dest('css');
}

上面的任务不适用于文件夹，但是如果我在下面指定了像gulp任务那样的文件，它就能正常工作。

gulp.task('sass', function(){
  return sass('sass/folder1/file1.sass')
    .pipe(gulp.dest('css');
}

我检查了储存库(杯状红宝石)和堆栈溢出中其他主题的文档，找到了一个解决方案，就是将所有sass代码导入一个文件并编译它。

我尝试过不同的路径：./sass、sass、sass/，甚至最后一次使用带有gulp-sass存储库的gulp.src(path/**/*.sass)语法。

你能帮帮我吗?提前感谢

sass

gulp

gulp-ruby-sass

回答 1

Stack Overflow用户

发布于 2015-04-15 13:50:24

编辑：使用gulp-sass而不是gulp-ruby-sass，因为gulp-ruby-sass只支持单个文件，如文档中所提到的

globs还不支持全局，只支持单个文件或目录.就像Sass。

您应该使用有效的glob参数gulp.src()创建一个流，而不是直接调用sass()并在pipe()中调用它。

gulp.task('sass', function (){
  return gulp.src([
    'sass/folder1/file.sass',
    'sass/folder2/file.sass',
    'sass/folder3/file.sass'
  ])
    .pipe(sass())
    .pipe(gulp.dest('css'));
});

如果您只想导入的文件名正确(从下划线开始)，这也可以：

gulp.task('sass', function (){
  return gulp.src('sass/**/*.sass')
    .pipe(sass())
    .pipe(gulp.dest('css'));
});

编辑：修复了一些代码错误，因此需要一个链接器(；

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29648129

复制

相似问题

问吞咽文件夹编译
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问吞咽文件夹编译EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问吞咽文件夹编译
EN