[英]gulp-sass v. 5.1.0 error messages are too detailed and information is repeated
我是 gulp 的新手。 我已经安装了 "gulp-sass": "5.1.0" 和 "sass": "1.53.0" 来将我的 scss 编译为 css。 当我在编译 scss 文件时出错时,gulp-sass 会在控制台中放置一条包含重复信息的消息。 看起来像这样(我故意犯了错误):
[22:51:54] Error in plugin "gulp-sass"
Message:
app\scss\style.scss
Error: expected "{".
╷
1 │ h
│ ^
╵
app\scss\style.scss 1:2 root stylesheet
Details:
formatted: Error: expected "{".
╷
1 │ h
│ ^
╵
app\scss\style.scss 1:2 root stylesheet
line: 1
column: 2
file: C:\Users\Maestro\Desktop\Projects\gulp-start\app\scss\style.scss
status: 1
messageFormatted: app\scss\style.scss
Error: expected "{".
╷
1 │ h
│ ^
╵
app\scss\style.scss 1:2 root stylesheet
messageOriginal: expected "{".
╷
1 │ h
│ ^
╵
app\scss\style.scss 1:2 root stylesheet
relativePath: app\scss\style.scss
domainEmitter: [object Object]
domainThrown: false
在我的情况下,错误的位置显示为 4! 次。 每次这些错误中的信息实际上都是相同的。 有什么方法可以使消息不那么详细,或者问题可能出在我的代码中? 这是我的简单 gulpfile.js:
const { src, dest, watch, series, parallel } = require('gulp');
const scss = require('gulp-sass')(require('sass'));
const sourcemaps = require('gulp-sourcemaps');
const concat = require('gulp-concat');
const browserSync = require('browser-sync').create();
function styles() {
return src('app/scss/**/*.scss')
.pipe(sourcemaps.init())
.pipe(scss())
.pipe(sourcemaps.write())
.pipe(concat('main.css'))
.pipe(dest('app/css'))
.pipe(browserSync.stream());
}
function watching() {
watch(['app/scss/**/*.scss'], styles);
watch(['app/*.html']).on('change', browserSync.reload);
}
function browsersync() {
browserSync.init({
server: {
baseDir: "app/"
}
});
}
exports.styles = styles;
exports.watching = watching;
exports.browsersync = browsersync;
exports.default = parallel(browsersync, watching);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.