gulp不会进口带bower的引导程序。

Question

我想遍历我所有的保龄球包。所有这些都有sass文件作为他们的主要文件，我想包括在includePaths的吞咽-sass。

我正在使用npm包main-bower-files来成功地获取主文件(并且我只过滤到scss文件)。

但是，当我去编译时，我会得到以下错误(因为现在我只有引导程序)：

stream.js:94
      throw er; // Unhandled stream error in pipe.
            ^
Error: file to import not found or unreadable: bootstrap

我的吞咽文件的相关部分是

var load_paths = bower({
  base: path.join(__dirname, "bower_components"),
  filter: '**/_*.scss'
});

gulp.src(app_css_file)
.pipe(sass({
    includePaths: load_paths
}))
.pipe(concat('app.css'))
.pipe(gulp.dest('build/css'));

Answer 1

我的问题是main-bower-files给你的是文件，而不是目录。是啊。节点-sass需要包含重要文件的目录。

所以我必须修改一下我的load_paths。

for (var i=0; i<load_paths.length; i++){
  // we need to use the parent directories of the main files, not the files themselves
  // so ./bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss
  // becomes ./bower_components/bootstrap-sass-official/assets/stylesheets
  load_paths[i] = path.dirname(load_paths[i]);
}

这就解决了问题。希望这能帮助其他人:)