Gulp node_module 有 scss 错误

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 page:

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

Browserify 原生支持 streming，只需一对插件，您就可以将该流转换为 gulp 兼容，我建议您查看 gulp 的示例文件夹，更具体地说对此 example using browserify.

顺便问一下，当您的流中只有一个文件时，运行 gulp-concat 有什么意义？

Gulp node_module 有 scss 错误

Gulp error on node_module that has scss

javascript

node.js

reactjs

gulp

gulp-sass