Can';t获取gulp以输出到源目录
我试图让gulp编译我的SASS文件并将它们输出到同一个源目录,但是我无法让它正常工作,我尝试使用Can';t获取gulp以输出到源目录,gulp,gulp-sass,gulp-sourcemaps,Gulp,Gulp Sass,Gulp Sourcemaps,我试图让gulp编译我的SASS文件并将它们输出到同一个源目录,但是我无法让它正常工作,我尝试使用base选项: gulp.task('sass_modules', function() { return gulp.src('Application/modules/**/*.scss', {base: '.'}) .pipe(sassInheritance({dir: 'Application/modules/'})) .pipe(sourcemaps.init())
base
选项:
gulp.task('sass_modules', function() {
return gulp.src('Application/modules/**/*.scss', {base: '.'})
.pipe(sassInheritance({dir: 'Application/modules/'}))
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./'));
});
使用上面的代码,它只输出到app root dir,即当前的工作目录,有什么想法可以让它工作吗?我希望它如何工作的一个例子是有一个
Application/modules/frontend/static/css/main.scss
文件,并使用此目录结构将其编译为Application/modules/frontend/static/css/main.css
和Application/modules/frontend/static/css/main.css.map
Application
│
├─── gulpfile.js
└─┬─ modules
└─┬─ frontend
└─┬─ static
└─┬─ css
└─── main.scss
gulpfile.js
var sourcemaps=require('gulp-sourcemaps');
var sass=需要('gulp-sass');
var scssFiles='modules/***/.scss';
gulp.task('sass_模块',function(){
return gulp.src(scssFiles)
.pipe(sourcemaps.init())
.pipe(sass()
.on('error',sass.logError))
.pipe(sourcemaps.write('./'))
.喉管("./");;
});代码>