2015-10-15 28 views
4

我使用Laravel 5.1藥劑:Laravel Elixir Documentation如何在使用Laravel Elixir編譯Sass時(像Compass那樣)在CSS文件中顯示SCSS行號?

如果使用北斗編譯薩斯代碼,生成的CSS文件有給出了.scss文件的代碼行數每個選擇上述意見,如下圖所示:

Screenshot

當使用標準藥劑gulpfile.js編譯薩斯文件(app.scss),一個sourcemap在公共/ css文件夾中生成的,但是我無法獲得行號截圖中顯示的評論。

這是可能的時候使用Gulp?

+0

是你在找原始圖嗎? – knitevision

+0

不,如果您看到不是源代碼映射的屏幕截圖,而只是Compass輸出的行號註釋。我們已經有正確工作的源代碼映射。 –

回答

0

最後,我做了。

1-在您的項目根目錄下創建一個elixir.json文件(根據laravel elixir)。

elixir.json Laravel Elixir sourceComments

2-插入如下配置:

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

的Laravel藥劑使用node-sass plugin其中有添加行號和文件名添加到您的編譯CSS文件的選項(sourcecomments)。

我希望這可以幫助你。

相關問題