gulp关于scss的基础配置

项目中用到的scss的配置，记录一下，谁叫咱脑袋不行呢

var gulp = require('gulp');
var plugins = require('gulp-load-plugins')();
var del = require('del');var paths = {styles:['app/scss/**/*.scss'],outSytles:'app/css/',outSourcemaps:'app/css_sourcemaps',images: ['images/**','oa/images/**']
};
var reloadOptions= {port:8010,host:'localhost',basePath:'./app/',start:true,reloadPage:'oa/contacts.html'
};
gulp.task('scss',function(){return gulp.src(paths.styles).pipe(plugins.changed(paths.outSytles)).pipe(plugins.sourcemaps.init()).pipe(plugins.sass({outputStyle: 'compressed'})).on("error", plugins.notify.onError(function (error) {return "哎哟喂: " + error.message;})).pipe(plugins.sourcemaps.write({includeContent: false})).pipe(plugins.autoprefixer({browsers: ['>1%'],cascade: false,remove:false})).pipe(plugins.sourcemaps.write())// .pipe(plugins.rename({suffix: '.min'})).pipe(gulp.dest(paths.outSytles)).pipe(plugins.notify({title:'scss编译',message:'编译完成，没报错就成功...',onLast:true})).pipe(plugins.livereload());
});gulp.task('watch', function() {gulp.watch(['app/**']).on('change', plugins.livereload.changed);gulp.watch(paths.styles, ['scss']);plugins.livereload.listen(reloadOptions);
});// 清除css文件夹
gulp.task("css_clear", function() {del([paths.outSytles + '/**','!weui.min.css'])
})gulp.task('default',['watch','scss']);

gulp关于scss的基础配置相关推荐

6个必须掌握的基础配置 - [webpack第一篇]
webpack实战系列全目录 webpack6个常见的基础配置知识点 webpack 12个常见的实际场景 webpack15个常见的优化策略[敬请期待] webpack从0打造兼容ie8的脚手架[敬 ...
webpack - 基础配置教程
目录什么是webpack? 简要介绍 webpack中的模块打包(bundle)的概念 webpack的工作 webpack如何分析模块依赖关系 webpack五大核心概念 entry outpu ...
Vue2，Webpack的基础配置以及使用脚手架创建工程
Webpack的基础配置以及使用脚手架创建工程文章目录 Webpack的基础配置以及使用脚手架创建工程一.模块化二.webpack 1.在项目中安装webpack 2.完成更加复杂的打包工作(c ...
静态配置_【实验】华为静态路由基础配置
关注我,你的眼睛会怀孕一.静态路由功能介绍静态路由就是手工配置的路由,使得数据包能够按照预定的路径传送到指定的目标网络.当不能通过动态路由协议学到一些目标网络的路由时,配置静态路由就会显得十分重要 ...
计算机网络技能专项训练一：基础配置
1 专项一基础配置: 2 1.虚拟机的设置 3 虚拟网络编辑器-设置子网地址,确保client与server在一个子网中,否则client自动获取的 ip与server不在一个子网中. 4 将虚拟 ...
思科路由器DHCP基础配置
思科路由器DHCP基础配置实验要求:clinet向server请求IP地址 1.client配置 2.server配置定义地址池调试命令问题:前面不是设置192.168.1.1到192.168 ...
【Raspberry pi】系统安装及基础配置
1.系统安装见官网:http://www.raspberrypi.org/quick-start-guide 2.基础配置转载自http://www.eeboard.com/bbs/thread- ...
Katalon Studio自动化测试框架使用【1】--- 环境安装以及基础配置（MacOS）
一.Katalon Studio简介 Katalon Studio是一款免费的自动化测试工具,可以安装在windows.macOS.Linux操作系统上,结合了selenium和appium测试框架, ...
HAProxy详解（二）：HAProxy基础配置与应用实例
一.HAProxy基础配置与应用实例: 1.快速安装HAProxy集群软件: HAProxy的官网: https://www.haproxy.org/#down下载HAProxy的源码包. 安装: [ ...

gulp关于scss的基础配置

gulp关于scss的基础配置相关推荐

最新文章

热门文章