Question

我在本地使用Laravel和XAMPP，其中一些代码由其他人编写。安装完所有内容后，我得到以下目录树：

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

我知道代码使用Zurb Foundation（以及其他工具）和SCSS文件。

在XAMPP控制面板中，在Apache httpd.conf中，我将DocumentRoot定义为C:/xampp/htdocs/myproj/public，这样可以正常工作。

xxxxxx.blade.php下的文件views/layouts包含如下所示的刀片行：

{{ stylesheet_link_tag('yyyyyy') }}

谷歌搜索，我认为（不确定）它正在使用名为CodeSleeve的东西来解析yyyyyy，据我所知，在yyyyyy.css下查找app/assets/stylesheets个文件。在这个目录中，我可以看到yyyyyy.css个文件和_yyyyyy.scss个文件，我可以看到前者可能在一个涉嫌评论中用require命令调用后者。

只要更新控制器和/或视图，我就可以看到浏览器中localhost下立即反映的更改。但是，任何修改_yyyyyy.scss的尝试（甚至与添加空格一样多）都会导致浏览错误，丢失所有样式等。

我的问题是：什么是可以将SCSS文件实时转换为CSS的机制，如何通过修改SCSS文件在本地进行测试？

Answer 1

它的记事本在文件开头添加 UTF-8 BOM !!

使用Notepad ++进行编辑并保存没有BOM的新文件时，样式会再次出现。

（感谢Andy帮助解决了这个问题）

Laravel与XAMPP与SASS / SCSS

1 个答案: