Question

我试图获取gulp来编译我的SASS文件并将它们输出到同一个源dir但是我还没有能够让它正常工作，我已经尝试过使用{ {1}}选项：

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('./')); });文件，并将其编译为Application/modules/frontend/static/css/main.scss和Application/modules/frontend/static/css/main.css。

Answer 1

使用此目录结构

Application
 │
 ├─── gulpfile.js
 └─┬─ modules
   └─┬─ frontend
     └─┬─ static
       └─┬─ css
         └─── main.scss

gulpfile.js

var sourcemaps = require('gulp-sourcemaps');
var sass = require('gulp-sass');
    
var scssFiles = 'modules/**/*.scss';    
    
gulp.task('sass_modules', function() {
  return gulp.src(scssFiles)
  .pipe(sourcemaps.init())
  .pipe(sass()
    .on('error', sass.logError))
  .pipe(sourcemaps.write('./'))
  .pipe(gulp.dest('./'));
});

无法输出到源目录

1 个答案: