sass - grunt sass sourcemaps sass路径错误？

Question

我设置了一个 grunt 项目，但缺少 sass 的源映射。 style.css.map 看起来像这样:

{
"version": 3,
"file": "style.css",
"sources": [
    "../style.scss",
    "../_general.scss",
    "../_align.scss",
    "../_cf.scss",
    "../_fixed-fluid.scss"
],
"sourcesContent": [],
"mappings": "ACAA;EACI,AAAQ;EACR,AAAS;;AAGb;EACI,AAAY;;AAGhB;EACI,AAAe;;AAGnB;EACI,AAAU;EACd,AAAe;IACP,AAAS;IACT,AAAS;IACT,AAAQ;IACR,AAAY;IACZ,AAAU;IACV,AAAM;IACN,AAAO;IACP,AAAQ;;AAIhB;EACI,AAAS;;AC3Bb;EACE,AAAU;EACV,AAAQ;EACR,AAAY;;AAGd;EACE,AAAU;EACV,AAAK;EACL,AAAM;EACN,AAAW;;AAIb;EACI,AAAS;EACT,AAAO;EACP,AAAY;;AAGhB;EACI,AAAS;EACT,AAAY;EACZ,AAAgB;EAChB,AAAQ;;AAIZ;EACI,AAAY;EACZ,AAAQ;EACR,AAAW;EACf,AAAgB;IACR,AAAS;IACT,AAAS;IACT,AAAQ;IACR,AAAgB;;AAIxB;EACI,AAAS;EACT,AAAgB;;AC3CpB,AAAG;EACC,AAAS;EACT,AAAS;;ACFb;EACI,AAAO;EACP,AAAO;EACP,AAAY;;AAGhB;EACI,AAAO;EACP,AAAO;;AAIX;EACI,AAAO;EACP,AAAY;EACZ,AAAO;EACP,AAAc",
"names": []

“来源”路径不正确。它应该是“../sass/style.scss”而不是“../style.scss”

Grunt 项目文件:

module.exports = function(grunt) {
    require('jit-grunt')(grunt);

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        connect: {
            server: {
                options: {
                    port: 9000,
                    livereload: true,
                    keepalive: true,
                    open: true,
                    hostname: 'localhost'
                }
            }
        },
        sass: {
            options: {
                sourceMap: true,
                sourceMapEmbed: true
            },
            dist: {
                files: {
                    'dist/style.css': 'assets/sass/style.scss'
                },
                outputStyle: 'expanded'
            }
        },
        autoprefixer: {
            single_file: {
                src: 'dist/style.css'
            }
        },
        watch: {
            options: {
                spawn: false,
                livereload: true,
            },
            sass: {
                files: ['assets/sass/*.scss'],
                tasks: ['sass', 'autoprefixer']
            },
            html: {
                files: ['index.html', 'views/*.html'],
            },
            js: {
                files: ['assets/js/*.js']
            }
        },
    });
};

有人知道如何在我的 gruntfile 中正确配置这个 sourcemap 路径吗？谢谢!

Answer 1

我认为自 v.18.0 版本(node-sass v2)以来，源映射已经在 grunt-sass 中被 f***ed 一段时间了。我正在耐心地等待来自 libsass > node-sass 的下游更改很快进入 grunt-sass。 Node-sass v3 应该可以解决这些问题。

我建议恢复到 grunt-sass 的 v0.17.0 版本，以便源映射再次工作