javascript - 编译 SCSS 的 Gulp 文件似乎没有做任何事情

Question

我正在尝试使用 PHPStorm 中的 gulp.js 文件编译我的 SCSS。有谁看到我做错了什么？输出没有显示任何错误。

输出显示：

/usr/local/bin/node /Users/UserName/Desktop/mywebsite/node_modules/gulp/bin/gulp.js --color --gulpfile /Users/UserName/Desktop/mywebsite/gulpfile.js compile-web-scss
[13:49:25] Using gulpfile ~/Desktop/mywebsite/gulpfile.js
[13:49:25] Starting 'compile-web-scss'...
[13:49:26] Finished 'compile-web-scss' after 613 ms

Process finished with exit code 0

但是永远不会创建更新 CSS 文件。

这是 gulp.js 文件

var gulp = require('gulp');
var path = require('path');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
var open = require('gulp-open');

var WebPaths = {
  HERE: './',
  DIST: 'dist/',
  CSS: './public/web/css/',
  SCSS_TOOLKIT_SOURCES: './public/web/scss/now-ui-kit.scss',
  SCSS: './public/web/scss/**/**'
};

gulp.task('compile-web-scss', function() {
  return gulp.src(WebPaths.SCSS_TOOLKIT_SOURCES)
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer())
    .pipe(sourcemaps.write(WebPaths.HERE))
    .pipe(gulp.dest(WebPaths.CSS));
});

这是文件路径。

标签： javascriptnpmsassgulp