保存到scss文件会自动更新css文件吗?

前端之家收集整理的这篇文章主要介绍了保存到scss文件会自动更新css文件吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚开始使用scss(使用Webstorm),它似乎在保存scss文件自动生成/更新css文件.不幸的是,当我现在保存scss文件时,没有对css文件进行任何更改.我正在从不同的位置处理这些文件,因此我猜测Webstorm设置可能不同.我认为文件观察者可能与它有关,但我不确定程序领域会发生什么.我真的不知道为什么会这样.

解决方法

不,保存.SCSS文件不会自动编译最终的样式表文件.你需要做的就是设置一块手表.有很多方法可以做到这一点(还有一些程序会为你做这件事).

最直接的是通过命令行.假设您安装了SASS gem(并且您处于ruby环境中),请在命令行中执行以下操作:

>导航到保存.scss文件文件夹.
>运行以下命令:sass –watch style.scss:style.css

注意:以上假设您的.scss和.css文件都是命名样式,如果不是,则进行相应调整.此外,如果.css和.scss文件位于不同的目录中,则必须相应地调整路径.

记住,sass –watch然后是yourScssFile.scss:yourCssFile.css

或者,您可以使用应用程序(如LiveReload)为您查看文件.这需要一些配置,但如果您刚刚开始使用SCSS / SASS这个破旧的世界,它可能会更容易一些

猜你在找的CSS相关文章