如何在使用Laravel Elixir编译Sass时（像Compass那样）在CSS文件中显示SCSS行号？

问题描述：

如果使用北斗编译萨斯代码，生成的CSS文件有给出了.scss文件的代码行数每个选择上述意见，如下图所示：

当使用标准药剂gulpfile.js编译萨斯文件（app.scss），一个sourcemap在公共/ css文件夹中生成的，但是我无法获得行号截图中显示的评论。

这是可能的时候使用Gulp？

是你在找原始图吗？ – knitevision

不，如果您看到不是源代码映射的屏幕截图，而只是Compass输出的行号注释。我们已经有正确工作的源代码映射。 –

答

最后，我做了。

1-在您的项目根目录下创建一个elixir.json文件（根据laravel elixir）。

2-插入如下配置：

{ 
     "css": { 
     "sass": { 
      "pluginOptions": { 
      "sourceComments": true 
      } 
     } 
     } 
}

的Laravel药剂使用node-sass plugin其中有添加行号和文件名添加到您的编译CSS文件的选项（sourcecomments）。

我希望这可以帮助你。