当我们写了一些 Sass 以后,想看一下输出的 CSS 样式,并不需要每次都手工的执行命令去编译。在 sass 命令里面,使用一个 --watch 选项,可以让 sass 自动去监视指定的 sass 文件或者目录的变化,发生变化以后,sass 会自动给我们把 Sass 编译成 css 。
打开命令行的工具,然后进入项目所在的目录 ... 下面,我们用 sass 去监视项目里面的 sass 这个目录的变化,发生变化,就去把这个目录里的东西编译一下,放到 css 这个目录的下面。
输入 sass ... 加上一个 --watch 选项 ... 然后是要监视的目录 ... 这里就是 sass 这个目录 ... 再输入一个冒号,指定一下编译以后的 css 文件所在的位置,把它们放到 css 这个目录的下面。
sass --watch sass:css
回车 ... 会提示 Sass is watching for changes. Press Ctrl-C to stop. , Sass 正在监视变化。按一下 Ctrl + C 可以停止监视。
回到编辑器 .. 我们在 style.scss 这个文件里再输入点东西 ... lh1.5 ... 然后保存 ... 这样 style.scss 就发生了变化,也就会去自动把这个 Sass 文件编译到,输出到 css 这个目录的下面。在编辑器的右边你会看到重新编译好的这个 style.css 文件。
在默认的情况下,编译以后生成的 CSS 文件的名称跟 Sass 文件的名字是一样的。