我试图在我的项目中使用gulp和gulp来编译bower组件。我正在使用Windows 8。
我遇到的问题是,狼吞虎咽似乎不管用。或者至少不给我汇编的结果。奇怪的是,我甚至没有收到错误信息什么的。
我只是在输出目录中没有任何结果。
gulpfile.js:
"use strict";
var gulp = require("gulp"),
sass = require("gulp-sass"),
bowerFiles = require("main-bower-files"),
gulpFilter = require("gulp-filter"),
concat = require("gulp-concat");
gulp.task("bower", function () {
var cssFilter = gulpFilter(["**/*.css", "**/*.scss"]);
return gulp.src(bowerFiles())
.pipe(cssFilter)
.pipe(sass())
.pipe(concat("bower.css"))
.pipe(gulp.dest("wwwroot"))
.pipe(cssFilter.restore());
});到目前为止,我已经尝试过几种方法:
我尝试使用命令通过命令行编译
sass --trace bower_components\bootstrap-sass-pfficial\assets\stylesheets\_bootstrap.scss:wwwroot\bower.css这起作用了,我得到了预期的结果。因此,我认为sass安装工作正常。
我尝试过的另一件事是,我从上面的代码中删除了".pipe(sass())“行,只需连接并复制文件。起作用了。
第三个测试是,不要使用主-bower-文件来获取文件,而是使用sass的固定路径:
gulp.src("bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss")但这也没用。同样没有结果。
我使用以下依赖项:
"dependencies": {
"gulp": "^3.6.0",
"gulp-sass": "^1.3.3",
"main-bower-files": "^2.6.2",
"gulp-filter": "^2.0.2",
"gulp-concat": "^2.5.2"
}发布于 2015-03-15 16:49:01
最后我发现了问题。gulp-sass在1.3.1版中引入了一种通过在文件开头(https://github.com/dlmanning/gulp-sass/commit/3fface49e956297bbd707ce4e148f7e727675417)检查"_“来过滤部分的检查。正因为如此,它没有编译_bootstrap.scss
https://stackoverflow.com/questions/29061082
复制相似问题