gulp 实现sass自动化，监听同步

实现功能

　　监听scss文件　　

　　sass自动化

准备条件

　　1 .安装gulp

　　　　npm init ---->一直enter，会在当前目录下生成一个package.json文件,记录安装的依赖模块

　　　　npm install gulp --save-dev

　　2 .安装gulp-ruby-sass

　　　　npm install gulp-ruby-sass

　　　　你还需要安装ruby环境，具体看http://www.cnblogs.com/NTWang/p/6284769.html 的2.2模块

　　3 .创建gulpfile.js文件

上述都搞定！

创建文件

gulpfile.js 文件

 1 var gulp = require('gulp');
 2 var sass = require('gulp-ruby-sass');
 3
 4 gulp.task('sass', function(){
 5     return sass('scss/index.scss')// 编译文件
 6         .on('error', sass.logError) // 错误信息
 7         .pipe(gulp.dest('css'));//输出路径
 8     }
 9 );
10
11 gulp.task('dist',function(){
12     gulp.watch('./scss/*.scss',['sass']);// 监听的文件
13 });

在控制台运行：

　　gulp dist

scss ---》css

这样就使用了gulp实现的sass自动化　

转载于:https://www.cnblogs.com/NTWang/p/6562295.html

gulp 实现sass自动化，监听同步相关推荐

监听mysql表内容变化使用canal,canal 监听同步指定数据库，所有表
canal 监听同步指定数据库,所有表 canal 监听同步指定数据库,所有表因为工作需求,需要用到数据库同步,又从网上找了一些发现都有些问题,所以自己弄好之后写一篇总结,及配置步骤吧先将 MyS ...
canal 监听同步指定数据库，刷新redis缓存
最近工作中需要使用到缓存,但是由于在业务实现的时候刷新缓存总会出现一些缓存不一致问题.于是最终想采用canal监听来处理数据一致性问题. 查看mysql binlog日志是否开启: 1.配置mysql ...
Gulp构建前端自动化工作流
## Gulp构建前端自动化工作流 ### Gulp构建前端自动化工作流之:常用插件介绍及使用在对Gulp有了一个初步的了解之后,我们开始构建一个较为完整的Gulp开发环境. 本文主要分为6个段落: ...
使用gulp编译 sass和less
Gulp是一个基于流的自动化构建工具,可以帮我实现很多的功能,比如代码编译.压缩等等. 网址:https://www.gulpjs.com.cn/ 个人对gulp的一个简单理解以下只是使用gulp编 ...
使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件
使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件按照gulp需求插件安装browser-sync(在命令行中输入) npm install --save-dev ...
gulp学习笔记，基本使用流程，基本函数，使用监听、插件
学习gulp的简单笔记.原教学视频:https://www.bilibili.com/video/BV1NE411T7Z2?p=396. gulp基本使用流程初始化项目目录: cnpm init / ...
Go 学习笔记（25）— 并发（04）[有缓冲/无缓冲通道、WaitGroup 协程同步、select 多路监听通道、close 关闭通道、channel 传参或作为结构体成员]
1. 无缓冲的通道无缓冲的通道(unbuffered channel)是指在接收前没有能力保存任何值的通道. 这种类型的通道要求发送 goroutine 和接收 goroutine 同时准备好,才能 ...
微信小程序批量获取input的输入值，监听输入框，数据同步
微信小程序批量获取input的输入值,监听输入框,数据同步在使用小程序时,跟vue的数据绑定不一样,没有v-model这个属性了,官网也只是给了一些事件监听. 但是我们如果有多个表单时,需要写多个事 ...
gulp构建项目（三）：gulp-watch监听文件改变、新增、删除
一.gulp.watch()功能介绍举例说明:当'./src/*.html'发生变化时,执行'html'任务,同时刷新浏览器.如下: gulp.task('watch', function(){gu ...

gulp 实现sass自动化，监听同步

gulp 实现sass自动化，监听同步相关推荐

最新文章

热门文章

gulp 实现sass自动化 ，监听同步

gulp 实现sass自动化 ，监听同步相关推荐

最新文章

热门文章

gulp 实现sass自动化，监听同步

gulp 实现sass自动化，监听同步相关推荐