1

他の人がこれを機能させていることに疑いの余地はありません...私は今のところどのようにうまく機能していないだけです.

ゴクゴク

var gulp = require('gulp');
var sass = require('gulp-sass');
var handleErrors = require('../util/handleErrors');
var sourcemaps = require('gulp-sourcemaps');
var minifyCSS = require('gulp-minify-css');

gulp.task('sass', function () {
    return gulp.src('./frontend/sass/style.scss')
        .pipe(sourcemaps.init())
        .pipe(sass({
            'require':'susy'
        }))
        //.pipe(minifyCSS())
        .pipe(sourcemaps.write('./app/www/css'))
        .on('error', handleErrors)
        .pipe(gulp.dest('./app/www/css'))
});

サス

@import "susy";

ガルプランニング

[23:58:08] Starting 'sass'...

stream.js:94
      throw er; // Unhandled stream error in pipe.
            ^
Error: file to import not found or unreadable: susy
Current dir: C:/var/www/rnli.hutber.com/frontend/sass/

gulp次のファイルとともに、ルートにsusy @ 2.2.2をインストールしました。gem install susy

gulp-ruby-sass を使用した現在の作業セットアップ

しかし、私はそれを機能させています。これは、次のコードでインストールされたgemを介してsusyが機能していることを確認しています:

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');
var handleErrors = require('../util/handleErrors');
var minifyCSS = require('gulp-minify-css');

gulp.task('sass', function () {
    return gulp.src('./frontend/sass/style.scss')
        .pipe(sass({
            'sourcemapPath':'./app/www/css',
            'require':'susy'
        }))
        //.pipe(minifyCSS())
        .on('error', handleErrors)
        .pipe(gulp.dest('./'))
});

注上記のコードはgulp-ruby-sass@1.0.0alpha' It will only work as I can tell withv0.7.1`を使用すると機能しません

パッケージ.json

  "devDependencies": {
    "gulp": "~3.8.10",
    "gulp-sass": "~1.3.2",
    "gulp-ruby-sass": "~0.7.1",
    "gulp-sourcemaps": "~1.3.0",
    "susy":"~2.2.1"
  }

どうすればsusy正しく動作し、にコンパイルできるようになりますcssか?

4

2 に答える 2

4

libsass (gulp-sass)を使用してsusyを使用することができました。

gulp-sass@importは、ディレクティブで指定されたファイルを見つける場所を知る必要があります。susy のローカル コピーを指すように、gulp-sassのincludesPathオプションを設定してみてください。

バウアーでsusyをインストールしたので、次のようなものがあります：

var sass = require('gulp-sass');

gulp.task('sass', function () {
  return gulp.src(config.src)
    .pipe(sass({
      includePaths: [
        'bower_components/susy/sass'
      ]
    }))
    ...
});
于 2015-02-11T23:52:10.527 に答える