我在我的机器上安装了正确版本的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上发布了没有结果的问题。
请期待帮助和感谢!