1.开打环境,html,css,js
2.电脑系统:windows10 专业版
3.在使用sass的使用,我们想要改变 .scss文件,但是改变 .scss的同时,也希望对应的 .css文件完成自动修改和编译,怎么实现呢?方法如下:
/*
在执行方法一或者是方法二之前,先要执行这句代码,很重要:这句代码的作用是,先把对应的 .scss文件 编译为对应的 .css 文件
sass runoob-test.scss runoob-test.css
*/
1.方法一:使用 node-sass,先全局安装 node-sass
npm install node-sass -g
//接下来 cmd,进入到文件目录,执行下面的命令
然后,使用以下方法:
node-sass --watch src/input.scss dist/output.css
//方法一到这里结束啦
2.方法二:使用 sass 的方法:
在ruby 环境中,cmd 进入到文件目录下,然后 执行下面的代码:
sass --watch 源文件 目标文件
100.本期的教程到了这里就结束啦,是不是很nice,让我们一起努力走向巅峰!