当前位置: 首页 > Web前端 > HTML

gulp--sass

时间:2023-04-02 18:49:19 HTML

gulp:临时复制文件并修改,i/o任务只有开头和结尾,节省i/o流1.安装为项目的开发依赖(devDependencies):$npm安装--save-devgulp2。在项目根目录下创建一个名为gulpfile.js的文件:vargulp=require('gulp');gulp.task('default',function(){//setyourdefaultPutthetaskcodehere});3.将sass作为项目依赖安装并安装autoprefixer$npminstallgulp-sass$npminstallautoprefixer4.完成代码(添加任务)vargulp=require('gulp');varsass=require('gulp-sass');varautoprefixer=require('gulp-autoprefixer');//自动修复插件gulp.task('default',function(){console.log("hello");//你会默认的任务代码放这里});gulp.task('stream',function(){//无限流模式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:['last2versions']})).pipe(gulp.dest('./css'));//将转换后的css文件存入css文件夹})