Javascript 编译SASS时吞咽browserify/browser sync意外标记
我已经创建了一个Javascript 编译SASS时吞咽browserify/browser sync意外标记,javascript,gulp,gulp-sass,Javascript,Gulp,Gulp Sass,我已经创建了一个gulpfile.js,到目前为止运行良好,但是我尝试添加browser sync并更改.scss-文件时,我得到了这个错误ParseError:unexpected token,我不知道为什么会发生这种情况。另一件事是,即使在我的server.js中设置了app.listen(3000),它也会打开一个带有localhost:3001的窗口 这是我的gulpfile.js: var gulp = require('gulp'), connect = require('gu
gulpfile.js
,到目前为止运行良好,但是我尝试添加browser sync
并更改.scss
-文件时,我得到了这个错误ParseError:unexpected token
,我不知道为什么会发生这种情况。另一件事是,即使在我的server.js
中设置了app.listen(3000)
,它也会打开一个带有localhost:3001
的窗口
这是我的gulpfile.js
:
var gulp = require('gulp'),
connect = require('gulp-connect'),
uglify = require('gulp-uglify'),
sass = require('gulp-ruby-sass'),
webserver = require('gulp-webserver'),
browserify = require('gulp-browserify'),
browserSync = require("browser-sync").create();
gulp.task('browser-sync', function(){
browserSync.init({
server: {
baseDir: "./public"
}
});
})
gulp.task('styles', function() {
return sass('public/scss/*.scss')
.pipe(browserify())
.pipe(uglify())
.pipe(gulp.dest('public/css'));
});
gulp.task('watch', function(){
gulp.watch('public/scss/*.scss', ['styles'])
})
gulp.task('webserver', function() {
gulp.src('root')
.pipe(webserver({
livereload: true,
directoryListing: true,
port: 3000
}));
});
gulp.task('default', ['webserver', 'watch', 'browser-sync'])
那么,有人知道我做错了什么吗???它是否告诉您错误发生在哪一行/文件中?它告诉我错误来自.scss文件的第一行:
body{
您能更新您的问题并添加css文件以便重现错误吗?我不确定,但您不应该在使用sass之前先阅读文件,然后再使用sass吗?gulp.src('files.scss').pipe(sass().on('error',sass.logError))
。同时尝试添加gulp plumber
它可能会帮助您找出真正的问题所在。它是否告诉您错误发生在哪一行/文件中?它告诉我错误来自.scss文件的第一行:正文{
你能更新你的问题并添加css文件以便重现错误吗?我不确定,但你不应该先阅读文件,然后使用sass吗?gulp.src('files.scss').pipe(sass().on('error',sass.logError))
。同时尝试添加gulp plumber
这可能会帮助你找出真正的问题