具有scss的node_module上的Gulp錯誤

Question

我最近npm安裝了節點模塊react-calendar-timeline 。

在實現它之后，我運行了gulp進行構建。

gulp拋出一個錯誤：

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

我的這個組件的gulpfile文件如下所示：

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'));

似乎我無法處理已安裝模塊的.scss文件。 處理此問題的正確方法是什么？

Answer 1

這可能是一個與gulp-browserify相關的問題，而不是您的構建腳本。

請記住， gulp-browserify已死了很久 ，實際上距上一次更新已經一年多了； 這是從它的npm頁面 ：

注意：此插件不再需要維護，請由gulp小組檢查食譜，以作為在gulp上使用browserify的參考。

Browserify本機支持streming，僅需使用一對插件就可以將該流轉換為與gulp兼容，建議您查看gulp的examples文件夾，尤其是使用browserify的本示例 。

順便說一句，當流中只有一個文件時，運行gulp-concat有什么意義？