有scss的node_module上的Gulp错误

Gulp error on node_module that has scss

本文关键字：上的 Gulp 错误 module scss node      更新时间：2023-09-26

最近npm安装了node模块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文件。正确的处理方法是什么?

这可能是一个与gulp-browserify相关的问题，而不是您的构建脚本。

请记住，gulp-browserify早就死了，事实上，距离上次更新已经一年多了;这是从它的NPM页面:

注意:这个插件不再维护，查看gulp团队的食谱参考使用gulp的browserify

Browserify原生支持流，只需要一对插件，你就可以将流转换为与gulp兼容，我建议你看看gulp的examples文件夹，更具体地说，是使用Browserify的这个例子。

顺便说一下，当你的流中只有一个文件时，运行gulp-concat有什么意义?
相关文章：