大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口；不要将scss文件编译为css，而是将所有文件从scss文件夹复制到css文件夹

你好，我还没喝过一口。 问题是当我使用命令“gulp”运行默认任务时，scss文件不会编译，而是复制到css文件夹 这是我的gulpfile.js

var gulp = require('gulp'); var sass = require('gulp-sass'); var autoprefixer = require('gulp-autoprefixer'); var browserSync = require('browser-sync'); var runSequence = require('run-sequence'); gulp.task('browserSync', function() { browserSync({ server: { baseDir: 'app' } }) }) gulp.task('sass', function() { return gulp.src('app/scss/**/*.scss') .pipe(autoprefixer({ browsers: ['last 2 versions'] })) .pipe(gulp.dest('app/css')) .pipe(browserSync.reload({ stream: true })); }) gulp.task('watch', function() { gulp.watch('app/scss/**/*.scss', ['sass']); gulp.watch('app/*.html', browserSync.reload); gulp.watch('app/js/**/*.js', browserSync.reload); }) gulp.task('default', function(callback) { runSequence(['sass', 'browserSync', 'watch'], callback ) }) var gulp=需要（“gulp”）； var sass=需要（'gulp-sass'）； var autoprefixer=require（'gulp-autoprefixer'）； var browserSync=require（'browser-sync'）； var runSequence=require（'run-sequence'）； gulp.task（'browserSync'，function（）{ 浏览器同步({ 服务器：{ baseDir:'应用程序' } }) }) gulp.task（'sass'，function（）{ 返回gulp.src（'app/scss/***.scss'） .管道（自动刷新器）({ 浏览器：[“上两个版本”] })) .pipe（吞咽目标（“应用程序/css”）） .pipe（browserSync.reload({ 溪流：对 })); }) 吞咽任务（'watch'，function（）{ 大口喝手表（'app/scss/***.scss'，['sass']）； gulp.watch（'app/*.html'，browserSync.reload）； gulp.watch（'app/js/***.js'，browserSync.reload）； }) gulp.task（'default'，函数（回调）{ 运行序列（['sass'，'browserSync'，'watch']， 回拨 ) }) 目录树

app |-scss |- styles.scss |- _layout.scss |- _homepage.scss |- _profile.scss |- _contact.scss |-css 应用程序 |-scss |-styles.scss |-_layout.scss |-_homepage.scss |-_profile.scss |-_contact.scss |-css 在styles.scss中，我有：

$orange: #f29528; $image: "../images/"; @import 'layout'; @import 'homepage'; @import 'profile'; @import 'contact'; $orange:#f29528； $image:“../images/”； @导入“布局”； @导入“主页”； @输入‘个人资料’； @输入“联系人”； 您不使用sass（）。尝试：

---

阅读更多内容

我正在使用它作为我的项目任务处理程序，处理

文件.scss

，对我来说效果很好。 我希望它对你也有用

“严格使用”
//@请求包裹
const gulp=需要（“gulp”）；
const-sass=require（'gulp-sass'）；
const autoprefixer=require（'gulp-autoprefixer'）；
const sourcemaps=require（'gulp-sourcemaps'）；
const cleancss=require（'gulp-clean-css'）；
//@gulp任务
吞咽任务（'sass'，（）=>
大口src（'./scss/***.scss'）
.管道（sass）({
outputStyle:'嵌套'，
sourceComments:false
}))
//***不需要调试功能。如果需要，可以将其删除
.pipe（cleancss（{debug:true}），函数（详细信息）{
log（details.name+'：'+details.stats.originalSize）；
log（details.name+'：'+details.stats.minifiedSize）；
}))
.管道（自动刷新器）({
版本：[“上两个浏览器”]
}))
.pipe（sourcemaps.init（））
.pipe（sass（）.on（'error'，sass.logError））
.pipe（sourcemaps.write（'.'））
.管道（大口目的地（'./css'））
); 
//@gulp-watch任务
吞咽任务（'default'，（）=>{
吞咽手表（'./scss/*.scss'，['sass']）；
});

我看到您需要

吞下sass

作为

sass

，但我没有看到您实际使用它。

gulp.task('sass', function() {
    return gulp.src('app/scss/**/*.scss')
    .pipe(sass().on('error', sass.logError)) 
    .pipe(autoprefixer({
        browsers: ['last 2 versions']
    }))
    .pipe(gulp.dest('app/css'))
    .pipe(browserSync.reload({
        stream: true
    }));
})