有scss的node_module上的gulp錯誤

我最近npm安裝了節點模塊react-calendar-timeline。有scss的node_module上的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文件我已經安裝。處理這個問題的正確方法是什麼？

來源

2016-07-01 ApathyBear

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

請記住，gulp-browserify已經長期死亡，實際上它已經超過了上一次更新的一年;這是從它的npm page：

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

Browserify本身支持streming與僅僅是一插件，你可以trasform該流被吞掉兼容的，我建議你看一看一飲而盡的例子文件夾，更具體地說，這example using browserify。

順便說一下，在流中只有一個文件時，運行gulp-concat時有什麼意義？

來源

2016-07-02 06:44:41 AssassinsMod

@AssasinsMod感謝您的回覆。我使用gulp-browserify來構建我的其他文件，但爲什麼在使用使用scss的模塊時會中斷呢？我在這個文件中取得了一個高峯，它看起來像它的基於webpack的。如果我不必這樣做，我寧願不把我的gulp構建腳本中的所有內容切換到使用browserify over gulp-browserify。另外，我很欣賞示例鏈接，但是這將如何解決我的SCSS問題？ – ApathyBear

@ApathyBear對於遲到的迴應感到抱歉。我瀏覽了該項目的源代碼，並注意到發佈版本也有一個'require（'Timeline.scss'）'。不幸的是，這意味着您必須使用webpack來構建或修改時間軸的項目源。 – AssassinsMod

嗨@AssassinsMod，謝謝。爲什麼使用webpack構建目前處理scss的唯一方法？我已經直接更改了源代碼，不包含Timeline.scss，而且工作正常。 – ApathyBear

有scss的node_module上的gulp錯誤

回答

相關問題