gulp--sass 今天药忘吃喽~ 2022-03-07 03:50 228阅读 0赞 ### 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文件夹 })
还没有评论,来说两句吧...