有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错误

回答

相关问题