Question

我有一个咕噜咕噜的项目，但是我错过了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中正确配置此源图路径？谢谢！

Answer 1

源代码映射已经在grunt-sass中发布了一段时间，因为我认为版本为v.18.0（node-sass v2）。我耐心等待libsass＆gt;的下游变更node-sass很快就会成为grunt-sass。 Node-sass v3应该解决这些问题。

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

grunt sass sourcemaps sass错误的路径？

1 个答案: