webstrom中使用 scss

本文主要是介绍webstrom中使用 scss，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

scss相关的语法及写法可以参考下 https://www.cnblogs.com/dreamsboy/p/6658695.html ，这里说下多个scss文件的整理和编译
新建多个_filename.scss文件，文件名前加 _ ,然后在web.scss里 引入（@import），

webstrom 里在设置 file→ setting → tool → File Watchers → +（绿色加号）→ scss

会有一个new watcher 弹框，只需修改下 arguments 的参数 （可以不改，不做修改的情况下生成的css文件也会在scss文件夹下）, 修改路径设置在scss文件夹同级的css文件夹下(--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css) 。请注意 $FileParentDir$表示的是scss文件所在的文件夹的父级文件夹

这篇关于webstrom中使用 scss的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---