PHP Storm：在Symfony 2中设置SCSS

Question

我是Symfony 2项目的新手，该项目在Resources文件夹中包含 SCSS 文件：myproject.scss

在HTML文件的头部，包含此文件的css版本：

@MyBundle/Resources/public/css/myproject.css

PHP Storm表示“缺少资产”。无法呈现HTML，Symfony2表示资产缺失。

我从未使用过SCSS。如何在我的scss文件的文件更改中实现css文件被创建/更新，并且Symfony2不再表示我的HTML文件中的css路径缺少资产？

到目前为止我为解决这个问题所做的工作：

• 我通过Ruby gem manager安装了SASS和Compass。
• 在PHPStorm中，我配置了文件观察程序“SCSS”，引用C:\Ruby\bin\scss.bat

Answer 1

安装SCSS编译器并在File Watcher设置中设置正确的路径后，每次更改.scss文件时都会生成css。默认情况下，此.css文件位于原始.scss附近，因此要将其复制到网络目录中，您需要每次手动复制它，或者配置文件观察程序为您执行此操作。

您也可以配置scssphp assetic filter来代替PhpStorm。每次运行css命令或每次通过资产控制器加载资产时，它都会生成新的php app/console assetic:dump文件。

要使用Assetic，您需要下一个代码：

{% stylesheets filter="scssphp" output="css/myproject.css"
        @MyBundle/Resources/myproject.scss
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}