Question

webstrom怎样设置scss生成css的文件路径

Answer 1

不能 那是工程文件 是一定会被生成的 生成了也没什么，但是被提交到 SVN 上就不好了，所以你应该把 .idea 目录加到 SVN 的忽略列表里。如果你使用 git，那么应该加到 .gitignore 文件中。

Answer 2

导入.sass或.scss文件
css有一个不太常用的特性，即@import导入功能，它允许在一个css文件中导入其他css文件。然而，结果是只有执行到@import规则时，浏览器才会去下载其他css文件，这会导致页面样式加载特别慢，从而容易出现页面闪的问题。
sass也有@import导入规则，与css不同的是，sass中的@import规则会在生成css文件时，把相关的文件导入合并成一个文件，而无需浏览器去下载其他的文件。另外在被导入文件中定义的变量等也可以在导入文件中正常使用。
在使用@import导入sass文件时，可以省略sass文件的后缀名.sass或.scss，例如：
- a.scss
body {
background-color: #f00;
}
- style.scss
@import "a";
div {
color: #333;
}

编译后的style.css文件内容如下:
body {
background-color: #f00;
}
div {
color: #333;
}