2015-04-12 80 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的新文件时,样式会再次出现。


(感谢安迪谁帮助解决这个)