gulp--sass

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文件夹
})
    原文作者:KingBinwei
    原文地址: https://segmentfault.com/a/1190000018139748
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞