利用npm实现scss的自动编译

#npm实现scss自动编译 利用npm中--watch开启自动监测,只要ctrl+s自动保存并将scss文件转译为css文件css

如下说一下使用步骤: ####1. 安装node和npm ####2. 安装rubynode

SASS是Ruby语言写的,可是二者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,而后再安装SASS。git

####3.安装sassgithub

假定你已经安装好了Ruby,接着在命令行输入下面的命令:npm

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文件json

sass --watch sass/demo.scss:css/demo.css

####7.这时不管在demo.scss文件内编写,只要ctrl+s就会自动保存并在css文件内转译

也能够结合Package.json 写一下依赖及信息Package.json详解sass

相关文章
相关标签/搜索