老师,这个没运行成功...

来源:3-2 css压缩打包,预处理器以及postcss的使用

沧海的雨季

2019-01-29 22:37:49

var gulp =require('gulp');

var uglify=require('gulp-uglify');

var concat=require('gulp-concat');

var csso=require('gulp-csso');

var cssConcat=require('gulp-concat-css');

var less=require('gulp-less');

var postcss=require('gulp-postcss');

var pump=require('pump');

var prefixer=require('gulp-autoprefixer');



gulp.task('test',function () {

gulp.src('index.js')

.pipe(gulp.dest('dist'))

})


gulp.task("test1",['test'],function(){

console.log('index.js ha been copied')

})


gulp.task('watch',function(){

gulp.watch('index.js',function(){

console.log('index.js has changed')

})

})


gulp.task('compress',function(){

gulp.src('index.js')

.pipe(uglify())

.pipe(gulp.dest('dist'))

})


gulp.task('concat',function(){

gulp.src(['a.js','b.js'])

.pipe(concat('dist/all.js'))

.pipe(gulp.dest('dist'))

})


gulp.task('csso',function(){

gulp.src('index.css')

.pipe(csso())

.pipe(gulp.dest('dist'))

})


gulp.task('css-concat',function(){

gulp.src(['index.css','index2.css'])

.pipe(cssConcat('all.css'))

.pipe(csso())

.pipe(gulp.dest('dist'))

})



gulp.task('less',function(){

gulp.src('less/index.less')

.pipe(less())

.pipe(gulp.dest('dist/less'))

})


gulp.task('prefixer',function(cb){

pump([

gulp.src('index.css'),

postcss([

autoprefixer({

borwsers:['last 2 versions'],

cascade:true

})

]),

gulp.dest('dist')

], cb)

})


http://img.mukewang.com/climg/5c5065390001cef305950377.jpg



写回答

1回答

好帮手慕糖

2019-01-30

同学你好,这里是pump这个模块没有找到,在命令行中是否有安装这个模块。

不知道同学是不是直接是在源码中测试的,若是的话,且安装过还不行,建议:可以参考如下测试下,因为直接使用源码中的写的话,使用的版本可能是原来的哦。

http://img.mukewang.com/climg/5c5106610001dbd005130130.jpg

希望能帮助到你,祝学习愉快!

0

0 学习 · 3299 问题

查看课程