webstrom中使用 scss

最近忙了好几天,终于有时间出来写博客了,然而好多东西时间久了容易忘,今天整理下关于webstrom中 scss的相关笔记!(如有错误,还望大神指教)

scss相关的语法及写法可以参考下 https://www.cnblogs.com/dreamsboy/p/6658695.html ,这里说下多个scss文件的整理和编译
新建多个_filename.scss文件,文件名前加 _ ,然后在web.scss里 引入(@import),
webstrom中使用 scss
webstrom 里在设置 file→ setting → tool → File Watchers → +(绿色加号)→ scss
webstrom中使用 scss
会有一个new watcher 弹框,只需修改下 arguments 的参数 (可以不改,不做修改的情况下生成的css文件也会在scss文件夹下), 修改路径设置在scss文件夹同级的css文件夹下(--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css) 。请注意 FileParentDir表示的是scss文件所在的文件夹的父级文件夹
webstrom中使用 scss