全局模式字符串错误 - gulp-ruby-sass
Glob Pattern String Error- gulp-ruby-sass
我在这里看了一些答案,但我对此完全陌生,所以我无法理解。有人可以看看我的代码并告诉我哪里出了问题。另外,如果您可以解释此错误的含义。
附件是我的终端截图。
这是我的 gulp.js 文件:
var gulp = require('gulp'),
gutil = require('gulp-util'),
uglify = require('gulp-uglify'),
sass = require('gulp-ruby-sass'),
concat = require('gulp-concat'),
livereload = require('gulp-livereload'),
lr = require('tiny-lr'),
server = lr();
var jsSources = [
'components/scripts/scriptOne.js',
'components/scripts/scriptTwo.js'
];
var sassSources = [
'components/sass/*.scss'
];
gulp.task('js', function () {
gulp.src(jsSources)
.pipe(uglify())
.pipe(concat('scripts.js'))
.pipe(gulp.dest('js'));
});
gulp.task('sass', function () {
gulp.src(sassSources)
.pipe(sass({style: 'expanded', lineNumbers: true}))
.pipe(concat('style.css'))
.pipe(gulp.dest('css'))
.pipe(livereload());
});
gulp.task('watch', function () {
var server = livereload();
gulp.watch(jsSources, ['js']);
gulp.watch(sassSources, ['sass']);
gulp.watch(['js/scripts.js', '*.html'], function (e) {
server.changed(e.path);
});
});
gulp.task('default', ['sass', 'js', 'watch']);
enter image description here
因为你正在使用gulp-ruby-sass,你应该直接调用它而不是使用gulp.src(),像这样:
gulp.task('sass', function () {
sass(sassSources)
.pipe(concat('style.css'))
.pipe(gulp.dest('css'))
.pipe(livereload());
});
或者您可以要求 gulp-sass
而不是 gulp-ruby-sass
。
我在这里看了一些答案,但我对此完全陌生,所以我无法理解。有人可以看看我的代码并告诉我哪里出了问题。另外,如果您可以解释此错误的含义。 附件是我的终端截图。 这是我的 gulp.js 文件:
var gulp = require('gulp'),
gutil = require('gulp-util'),
uglify = require('gulp-uglify'),
sass = require('gulp-ruby-sass'),
concat = require('gulp-concat'),
livereload = require('gulp-livereload'),
lr = require('tiny-lr'),
server = lr();
var jsSources = [
'components/scripts/scriptOne.js',
'components/scripts/scriptTwo.js'
];
var sassSources = [
'components/sass/*.scss'
];
gulp.task('js', function () {
gulp.src(jsSources)
.pipe(uglify())
.pipe(concat('scripts.js'))
.pipe(gulp.dest('js'));
});
gulp.task('sass', function () {
gulp.src(sassSources)
.pipe(sass({style: 'expanded', lineNumbers: true}))
.pipe(concat('style.css'))
.pipe(gulp.dest('css'))
.pipe(livereload());
});
gulp.task('watch', function () {
var server = livereload();
gulp.watch(jsSources, ['js']);
gulp.watch(sassSources, ['sass']);
gulp.watch(['js/scripts.js', '*.html'], function (e) {
server.changed(e.path);
});
});
gulp.task('default', ['sass', 'js', 'watch']);
enter image description here
因为你正在使用gulp-ruby-sass,你应该直接调用它而不是使用gulp.src(),像这样:
gulp.task('sass', function () {
sass(sassSources)
.pipe(concat('style.css'))
.pipe(gulp.dest('css'))
.pipe(livereload());
});
或者您可以要求 gulp-sass
而不是 gulp-ruby-sass
。