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

Question

我正在使用带有Elixir的Laravel 5.1：Laravel Elixir Documentation

如果使用Compass编译Sass代码，生成的CSS文件在每个选择器上方都有注释，它给出了.scss文件中代码的行号，如下所示：

使用标准Elixir gulpfile.js编译Sass文件（app.scss）时，会在public / css文件夹中生成一个源图，但是我无法在评论中获取这些行号，如屏幕截图所示

使用Gulp时可以吗？

Answer 1

最后，我做了。

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

2-插入以下配置：

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

Laravel Elixir使用node-sass plugin，它有一个选项（sourcecomments），用于将行号和文件名添加到已编译的css文件中。

我希望这可以帮到你。