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

时间:2014-02-08 23:22:51

标签: angularjs sass gruntjs google-chrome-devtools

我在我的机器上安装了正确版本的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上发布了没有结果的问题。

请期待帮助和感谢!

0 个答案:

没有答案