Gulp Fehler auf node_module, die scss hat

Question

Ich habe vor kurzem npm das Knotenmodul react-calendar-timeline installiert.

Nach der Implementierung einer meiner Komponenten, lief ich Schluck zu bauen.

Schluck warf einen Fehler:

events.js:141 
     throw er; // Unhandled 'error' event 
    ^
    SyntaxError: 
    /var/www/monitor/node_modules/react-calendar-timeline/modules/lib/Timeline.scss:1 
    $item-color: white; 
      ^
    ParseError: Unexpected token 

Meine gulpfile Datei für diese Komponente wie folgt aussieht:

var gulp = require('gulp'); 
var browserify = require('gulp-browserify'); 
var concat = require('gulp-concat'); 
var babel = require('gulp-babel'); 

gulp.task('browserify', function() { 
    gulp.src('js/ScheduleMain.js') 
     .pipe(browserify({transform:'babelify'})) 
     .pipe(concat('ScheduleMain.js')) 
     .pipe(gulp.dest('static/dist/js')); 

Es scheint, als ob ich bin nicht in der Lage, die .scss Datei des Moduls zu handhaben Ich habe installiert. Was ist der richtige Weg, damit umzugehen?

Answer 1

Es könnte ein Problem sein, das sich mehr auf gulp-browserify als Ihr Build-Skript bezieht.

Denken Sie daran, dass gulp-browserify ist lange tot, in der Tat ist es mehr als ein Jahr seit der letzten Aktualisierung; dies ist aus, es ist npm page:

NOTE: THIS PLUGIN IS NO LONGER MAINTAINED , checkout the recipes by gulp team for reference on using browserify with gulp.

Browserify nativ unterstützt streming und mit nur einem Paar von Plug-ins können Sie diesen Stream Transform kompatibel zu schlucken, empfehle ich Ihnen einen Blick auf schluck der Beispiele Ordner zu nehmen, insbesondere auf diese example using browserify.

Übrigens, was ist der Punkt in der Ausführung gulp-concat wenn in Ihrem Stream nur eine Datei?