利用npm实现scss的自动编译
利用npm实现scss的自动编译
说不通的执拗 发表于10个月前
利用npm实现scss的自动编译
  • 发表于 10个月前
  • 阅读 20
  • 收藏 1
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

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

#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详解

标签: npm scss
共有 人打赏支持
粉丝 0
博文 3
码字总数 2780
×
说不通的执拗
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: