grunt sass sourcemaps sass 路径错误？答案

【问题标题】：grunt sass sourcemaps sass wrong path?grunt sass sourcemaps sass 路径错误？
【发布时间】：2015-05-18 23:43:39
【问题描述】：

我设置了一个 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 中正确配置这个源映射路径吗？谢谢！

【问题讨论】：

哦，我正在使用 Grunt-sass 进行编译（不要与 grunt-contrib-sass 混淆）。查看npmjs.com/package/grunt-sass 了解更多信息。

标签： sass gruntjs

【解决方案1】：

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

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

【讨论】：