博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
gulp--sass
阅读量:6432 次
发布时间:2019-06-23

本文共 927 字,大约阅读时间需要 3 分钟。

gulp:复制文件在一个临时的地方并进行修改,i/o任务只在开始和结束,节省i/o流

1. 作为项目的开发依赖(devDependencies)安装:

$ npm install --save-dev gulp

2. 在项目根目录下创建一个名为 gulpfile.js 的文件:

var gulp = require('gulp');gulp.task('default', function() {// 将你的默认的任务代码放在这});

3. 安装sass为项目依赖和安装autoprefixer

$ npm install gulp-sass$ npm install autoprefixer

4. 完整代码(添加任务)

var gulp = require('gulp');var sass = require('gulp-sass');var autoprefixer = require('gulp-autoprefixer');//自动修复插件gulp.task('default', function() {  console.log("hello");// 将你的默认的任务代码放在这});gulp.task('stream', function () {    // Endless stream mode    gulp.watch('css/**/*.css', ['styles'])//监测scss文件的改动});gulp.task('styles', function() {    gulp.src('sass/**/*.scss')        .pipe(sass())//把scss转为css        .pipe(sass().on('error', sass.logError))//插入sass日志错误函数,更改默认行为,以便统一修改        .pipe(autoprefixer({            browsers: ['last 2 versions']        }))        .pipe(gulp.dest('./css'));//把转好的css文件存入css文件夹})

转载地址:http://qhxga.baihongyu.com/

你可能感兴趣的文章
(转)Flex的编译过程--ActionScript字节码(ABC)
查看>>
Directory Listing Denied
查看>>
今天讲座的感悟--java
查看>>
o(1)复杂度之双边滤波算法的原理、流程、实现及效果。
查看>>
corner2
查看>>
我见过的几种类型的员工(转)
查看>>
web前端的十种jquery特效及源码下载
查看>>
poj 3414 Pots (bfs+线索)
查看>>
Binary search
查看>>
http://jingyan.baidu.com/article/08b6a591f0fafc14a9092275.html
查看>>
MySQL查询数据表的Auto_Increment(自增id)
查看>>
java多线程系类:JUC集合:01之框架
查看>>
【Linux】 源码安装make命令详解,避免踩坑
查看>>
数据库中间表插入乱序
查看>>
[Python爬虫] 之四:Selenium 抓取微博数据
查看>>
使用OPENROWSET爆破SQL Server密码
查看>>
Mac_安装Homebrew以及Maven
查看>>
eclipse web开发Server配置
查看>>
曹政--互联网搜索老师傅
查看>>
MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)
查看>>