macでgulp-ruby-sass が動かない時に読んでみる記事

こんばんは。gulp-ruby-sass、使ってますか?
便利ですよね。
自宅mac(10.9)でgulp-ruby-sassを走らせようとしたら、

OptionParser::NeedlessArgument: needless argument: –sourcemap=none

と表示されてしまってエラーになってしまいました。

gulpfile.jsのsassに関係するところはこんな感じ。

gulp.task('sass', function() {
  return sass('gulp/sass/**/*.scss')
    .pipe(plumber())
    .pipe(pleeease({
        autoprefixer: {
            browsers: ['last 2 versions']
        },
        minifier: true
    }))
    .pipe(gulp.dest('www/htdocs/css'));
});

…なにもおかしくない。

なぜだ。

はい、実はgulp-ruby-sassは sass のバージョンが 3.4 以上でないと動かないようです。

この記事を読んでいる方はきっとgulp-ruby-sassで困っているでしょうから、一緒に調べてみましょう。

$ sass -v
Sass 3.2.19 (Media Mark)

はい古いですね。

では、アップデートしましょう。

$ sudo gem update --system

これでgemが最新化されます。

Latest version currently installed. Aborting.

と表示された場合は既に最新です。このままでOK。

からの、

sudo gem uninstall sass

そして

$ sudo gem i sass
Fetching: sass-3.4.21.gem (100%)
Successfully installed sass-3.4.21
Parsing documentation for sass-3.4.21
Installing ri documentation for sass-3.4.21
1 gem installed

どうだ、うまく行ったか!?

$ gulp sass
[00:07:05] Using gulpfile ~/Documents/test/npm_lesson/gulpfile.js
[00:07:05] Starting 'sass'...
[00:07:05] Finished 'sass' after 250 ms

やった!うまく行った!
今日これにハマったので忘備録を兼ねて。

stack overflowに感謝。
stackoverflow.com/questions/28683069/new-gulp-ruby-sass-alpha-task-failing

カテゴリー: front-end, JavaScript, Work パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*