2015-04-12 87 views
0

我在本地使用Laravel與XAMPP,其他代碼由其他人編寫。安裝後,一切都我碰到下面的目錄樹:Laravel與XAMPP與SASS/SCSS

xampp 
    ... 
    htdocs 
     myproj 
      .git 
      app 
       assets 
       classes 
       commands 
       config 
       controllers 
       database 
       lang 
       models 
       start 
       storage 
       tests 
       views 
      bootstrap 
      provider 
      public 
      sphinx 
      vendor 
      wpplugin 
     ... 
    ... 

我知道代碼使用Zurb基金會(以及其他工具),以SCSS文件。

在XAMPP控制面板中,在Apache httpd.conf中,我將DocumentRoot定義爲C:/xampp/htdocs/myproj/public,這很好。

的文件xxxxxx.blade.phpviews/layouts下包含刀片線條看起來像:

{{ stylesheet_link_tag('yyyyyy') }} 

谷歌搜索,我認爲這(不知道),它使用一種叫CodeSleeve到YYYYYY解決,其中,據我瞭解,尋找yyyyyy.css文件在app/assets/stylesheets之下。在這個目錄中,我可以看到yyyyyy.css文件和_yyyyyy.scss文件,而且我可以看到前者大概是在所謂的評論中用require命令調用後者。

只要我更新控制器和/或視圖,我可以看到在瀏覽器中本地主機下立即反映的變化。但是,任何嘗試修改_yyyyyy.scss(甚至增加空格)會導致瀏覽錯誤,失去所有樣式等。

我的問題是:什麼是可能將SCSS文件轉換爲CSS實時,以及如何在本地修改SCSS文件進行測試?

+0

你閱讀時引發的錯誤?它以前如何? – cimmanon

+0

我沒有看到任何錯誤 - 我只是「迷失」了所有的樣式,並且看到了相同的頁面,就好像沒有應用CSS。 也許有記錄在某處的錯誤...任何想法在哪裏? –

回答

0

這是記事本在文件的開頭添加了UTF-8 BOM

使用Notepad ++進行編輯並保存沒有BOM的新文件時,樣式會再次出現。


(感謝安迪誰幫助解決這個)