不能從SCSS通過視圖

Question

加載CSS樣式無法加載款式SCSS查看，下面是gulp.js，

//編譯和自動前綴樣式

gulp.task('styles', function() { 

    return gulp.src([ 
    'Content/styles/**/*.scss', 
    'Content/styles/**/*.css' 
    ]) 
    .pipe($.newer('Content/styles')) 
    //.pipe($.newer('.tmp/styles')) 
    .pipe($.sourcemaps.init()) 
    .pipe($.sass({ 
     precision: 10 
    }).on('error', $.sass.logError)) 
    .pipe($.autoprefixer({ browsers: AUTOPREFIXER_BROWSERS })) 
    .pipe(gulp.dest('Content/styles')) 
    //.pipe(gulp.dest('.tmp/styles')) 
    // Concatenate And Minify Styles 
    .pipe($.if('*.css', $.cssnano())) 
    .pipe($.size({ title: 'styles' })) 
    .pipe($.sourcemaps.write('./')) 
    .pipe(gulp.dest('Content')); 
}); 

Answer 1

假設內容是目錄，你可以使用相對路徑，如： -

gulp.task('styles', function() { 

    return gulp.src([ 
    './Content/styles/**/*.scss', 
    './Content/styles/**/*.css' 
    ]) 
    .pipe($.newer('./Content/styles')) 
    //.pipe($.newer('.tmp/styles')) 
    .pipe($.sourcemaps.init()) 
    .pipe($.sass({ 
     precision: 10 
    }).on('error', $.sass.logError)) 
    .pipe($.autoprefixer({ browsers: AUTOPREFIXER_BROWSERS })) 
    .pipe(gulp.dest('./Content/styles')) 
    //.pipe(gulp.dest('.tmp/styles')) 
    // Concatenate And Minify Styles 
    .pipe($.if('*.css', $.cssnano())) 
    .pipe($.size({ title: 'styles' })) 
    .pipe($.sourcemaps.write('./')) 
    .pipe(gulp.dest('./Content')); 
});