gulp--sass

约定不等于承诺〃 2022-03-07 03:50 223阅读 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文件夹
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

还没有评论，来说两句吧...

相关阅读