利用npm实现scss的自动编译

2016-12-10 10:42:48来源:oschina作者:说不通的执拗人点击



#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详解](http://http://ljinkai.github.io/2016/11/04/package-json-explain/?utm_source=tuicool&utm_medium=referral)

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台