#npm实现scss自动编译 利用npm中--watch开启自动监测,只要ctrl+s自动保存并将scss文件转译为css文件
以下说一下使用步骤: ####1. 安装node和npm ####2. 安装ruby
SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。
####3.安装sass
假定你已经安装好了Ruby,接着在命令行输入下面的命令:
gem install sass
####4.下面开始做实例,新建一个demo文件,文件内分别有scss文件夹和css文件夹,并在scss文件新建一个demo.scss文件 ####5.在demo目录下右击,选择git bash here 弹出npm框 ####6.开始监测,在npm里面输入“sass --watch scss/demo.scss:css/demo.css”,回车,这是打开css文件,发现自动多了一个css文件
sass --watch sass/demo.scss:css/demo.css
####7.这时无论在demo.scss文件内编写,只要ctrl+s就会自动保存并在css文件内转译
也可以结合Package.json 写一下依赖及信息Package.json详解
来源:oschina
链接:https://my.oschina.net/u/2472316/blog/803235