npm scss

利用npm实现scss的自动编译

房东的猫 提交于 2019-12-01 02:35:39
#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