使用Laravel Elixir編譯Sass時，如何在CSS文件中顯示SCSS行號（如Compass那樣）？

Question

我正在使用Laravel 5.1和Elixir： Laravel Elixir文檔

如果使用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葯劑使用節點薩斯插件其中有一個選項（ sourcecomments添加行號和文件名添加到您的編譯css文件）。

我希望這可以幫到你。