Yeoman / Grunt Angular安装 - sass源码图问题

Question

我在我的机器上安装了正确版本的Compass和Sass，并且在创建其他项目的源代码时没有任何问题，即我的基本设置工作。

我的问题非常具体：它是'yo-angular'grunt安装。

我修改了Gruntfile.js如下（通过添加sourcemap：true标志）：

// Compiles Sass to CSS and generates necessary files if requested
compass: {
options: {
    sourcemap: true,
    sassDir: '<%= yeoman.app %>/styles',

我已将调试标志更改为false：

},
  server: {
    options: {
      debugInfo: false
    }
  }
},

这很好用，在'grunt serve'中没有错误，并且在检查生成的main.css文件时，sourcemap main.css生成的引用是完全准确的。

但奇怪的是，Chrome Dev Tools的元素面板指的是完全不同的行号。

yo angular进程构建的方式可能是问题，我注意到主机正在查看的文件/文件夹结构（例如_sass文件都是空的）与我的dev文件不同所以也许这是不可能的映射到他们？

快速PS：我知道很多人都在努力让sass源图工作，因为Compass的问题等等，但只是重申我并没有寻求建立基本设置的帮助 - 我有管理那个。我遇到的具体问题是使'yo angular'堆栈与源图一起使用。我想其他人也有同样的问题。我搜遍了这个和其他网站无济于事，并在github上发布了没有结果的问题。

请期待帮助和感谢！