文档章节

利用npm实现scss的自动编译

 说不通的执拗
发布于 2016/12/09 17:18
字数 316
阅读 87
收藏 1

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

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 4
码字总数 2780
作品 0
西城
私信 提问
node 使用 gulp 创建本地服务

打开终端全局安装 gulp 模块 npm install -g gulp //全局安装 gulp(轻量级自动化项目构建工具) cd 进入到项目文件夹,可以到看到 package.json 配置文件: { "name": "ionic-project", "ve...

Jack088
2015/03/18
0
0
Win10 下 Nodejs+Angular2+bootstrap4 开发环境搭建

安装Node.js 1,下载安装包并安装 https://nodejs.org/en/download/ 2,查看node和npm的版本信息 3,查看和更新包安装路径 --查看 npm config get prefix npm config get cache --更新 npm ...

mybabe0312
2017/04/06
0
0
在create-react-app中使用sass

Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。Sass是一个将脚本解析成CSS的脚本语言,即SassScript。S...

Originalee
04/04
0
0
动态样式语言Scss&Less介绍与区别

一. Sass/Scss&Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,语法跟css一样(但多了些功能),比css好写,而且更容易阅读。Sass语法类似与Haml,属于缩排语法(...

随影求是
2012/03/27
0
0
【转】Why npm Scripts?

翻译原文:http://www.cnblogs.com/zldream1106/p/5204599.html 英文原文:https://css-tricks.com/why-npm-scripts/ 以下是访客Damon Bauer发布的一篇文章。近来直接使用node package提供的...

iNiL0119
2016/11/04
61
0

没有更多内容

加载失败,请刷新页面

加载更多

oh-my-zsh 自定义

GitHub 地址 基于 oh-my-zsh 的自定义配置,增加了一些个人常用插件与皮肤。 采用的是 git submodule 来维护,包括 oh-my-zsh,之所以这么搞,主要是手头有多台 linux 需要维护, 每台机器、...

郁也风
今天
5
0
Docker安装踩坑:E_FAIL 0x80004005的解决

参考 菜鸟教程--Windows Docker 安装 http://www.runoob.com/docker/windows-docker-install.html 官方文档-Install Docker Toolbox on Windows https://docs.docker.com/toolbox/toolbox_in......

karma123
今天
5
0
js垃圾回收机制和引起内存泄漏的操作

JS的垃圾回收机制了解吗? Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。 JS中最常见的垃圾回收方式是标记清除。 工作原理:是当变量进入环境时,将这个变量标记为“...

Jack088
昨天
17
0
大数据教程(10.1)倒排索引建立

前面博主介绍了sql中join功能的大数据实现,本节将继续为小伙伴们分享倒排索引的建立。 一、需求 在很多项目中,我们需要对我们的文档建立索引(如:论坛帖子);我们需要记录某个词在各个文...

em_aaron
昨天
27
0
"errcode": 41001, "errmsg": "access_token missing hint: [w.ILza05728877!]"

Postman获取微信小程序码的时候报错, errcode: 41001, errmsg: access_token missing hint 查看小程序开发api指南,原来access_token是直接当作parameter的(写在url之后),scene参数一定要...

两广总督bogang
昨天
33
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部