WebStorm scss 自动输出 css

在设置中添加 scss 的配置。当然我之前安装了 gem install sass。

目前就可以在边上出现同名但是扩展名不同的文件了。

这个编译后产生的文件。

我很奇葩的遇到了。错误。加了 -E “UTF-8” 参数就好了。

/usr/local/bin/sass base.scss:base.css
ArgumentError: invalid byte sequence in US-ASCII
  Use --trace for backtrace.

Process finished with exit code 1

下面是我配置时填写的两行，就是默认值后面加了 -E “UTF-8”.

$FileName$:$FileNameWithoutExtension$.css -E "UTF-8"
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

–no-source-map 这个选项可以不生成 map

$FileName$:$FileNameWithoutExtension$.css --no-source-map

2020_03_05

我最近抹盘重装了系统。发现 npm 安装 sass 给直接就能用。之前我是 brew 安装的。
https://sass-lang.com/install