0

尝试实现 sass 源映射，但由于某种原因，它似乎不适用于子文件夹。例如，下面是编译的 main.scss 文件：

@import 'test';
@import 'test1';
@import 'test2';
@import 'test3';
@import 'sub/test4';

更改显示（使用 BrowserSync）并且编译没有问题。但是在开发工具中检查代码。它似乎没有引用最后一次导入，而是引用了“test3”。查看屏幕截图开发工具屏幕截图

sass 文件“sub/test4”包含主体的鲑鱼颜色，但源映射说这包含在文件“test3”中。

有关我正在使用的样式任务，请参见下文：

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

    return gulp.src('assets/scss/**/*.scss')
        .pipe(plumber({
            errorHandler: function(err){
                this.emit('end');
            } 
        }))
        .pipe(scssLint({ customReport: scssLintStylish }))
        .pipe(sourcemaps.init())
        .pipe(sass({outputStyle: 'compressed', errLogToConsole: true}))
        .on('error', notify.onError({ message: 'SASS Compile Fail'}))
        .pipe(autoprefixer({
            browsers: ['last 2 versions']
        }))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('assets/css'))
        .pipe(uglifycss())
        .pipe(browserSync.stream({match: '**/*.css'}));
});

尝试了各种不同的东西，但似乎没有任何效果。非常感谢任何帮助！

4

0 回答 0