0

SASSファイルをコンパイルして同じソースディレクトリに出力するためにgulpを取得しようとしていますが、適切に動作させることができませんでした。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('./'));
});

上記のコードでは、アプリのルートディレクトリ、現在の作業ディレクトリに出力するだけで、これを機能させる方法はありますか? 私がそれをどのように機能させたいかの例は、ファイルを持っていて、それをandApplication/modules/frontend/static/css/main.scssにコンパイルすることです.Application/modules/frontend/static/css/main.cssApplication/modules/frontend/static/css/main.css.map

4

1 に答える 1

0

このディレクトリ構造の使用

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('./'));
});

于 2016-01-19T00:04:20.747 に答える