Sass PhpStorm和SCSS将SCSS文件编译成一个css文件

Sass PhpStorm和SCSS将SCSS文件编译成一个css文件,sass,ide,phpstorm,Sass,Ide,Phpstorm,我正在PhpStorm和SASS中迈出第一步。我进入文件>设置>文件监视程序,添加了SCS 这是我当前的配置: 程序:C:\Ruby23\bin\scss.bat 参数:--无缓存--更新$FileName$:$FileParentDir$\$FileNameWithoutExtension$.css 工作目录:$FileDir$ 要刷新的输出路径:$FileParentDir$\$FileNameWithoutExtension$.css 它的工作方式如下。鉴于结构: /mysite

我正在PhpStorm和SASS中迈出第一步。我进入文件>设置>文件监视程序,添加了SCS

这是我当前的配置:

  • 程序:
    C:\Ruby23\bin\scss.bat

  • 参数:
    --无缓存--更新$FileName$:$FileParentDir$\$FileNameWithoutExtension$.css

  • 工作目录:
    $FileDir$

  • 要刷新的输出路径:
    $FileParentDir$\$FileNameWithoutExtension$.css

它的工作方式如下。鉴于结构:

/mysite
    /sass
        1.scss
        2.scss
        3.scss
当我将SCSS文件添加到
/sass
时,它会在
/mysite
中生成
.css
.css.map
文件。但是,我只想在
/mysite
中生成一个CSS文件,并避免使用映射文件。我该怎么做

  • 如果您有一个主SCSS文件可以导入其他文件(部分文件,它们的名称通常以下划线开头),则只需确保在文件监视程序设置中启用“
    仅跟踪根文件”
    ”,即可将输出合并到单个.css文件中

  • 如果您不喜欢创建
    .map
    文件,请将
    --sourcemap=none
    传递给编译器

  • 如果您有一个主SCSS文件可以导入其他文件(部分文件,它们的名称通常以下划线开头),则只需确保在文件监视程序设置中启用“
    仅跟踪根文件”
    ”,即可将输出合并到单个.css文件中

  • 如果您不喜欢创建
    .map
    文件,请将
    --sourcemap=none
    传递给编译器


  • 谢谢你,莉娜。工作完美!你让我的一天热起来了=)@lena有什么办法可以用phpstorm输出AutoRefix SCSS文件吗?非常感谢,@lena。工作完美!你让我的一天=)@lena有什么办法可以在phpstorm中自动刷新SCSS文件输出?