个回答

• hey_ff

  2017-03-02 12:24:05

  var gulp = require('gulp'), //基础库
      less = require('gulp-less'), //less
      minifycss = require('gulp-minify-css'), //css压缩
      runSequence = require('run-sequence'), //按顺序执行
      browserSync = require('browser-sync').create()//页面实时刷新;
  // 样式处理------------------------------------------------------------------------------------------------------------------------------------------
  gulp.task('css', function() {
      gulp.src(file_road.cssSrc)
          .pipe(less({ style: 'expanded' }))
          .pipe(minifycss()) //todo暂时隐藏压缩
          .pipe(gulp.dest(file_road.cssDst_end)) //最终目录
          .pipe(browserSync.stream());//检测修改并自动刷新
  
  });
  // 监听任务 运行语句 gulp watch------------------------------------------------------------------------------------------------------------------------------------------
  gulp.task('watch', function() {
      browserSync.init({
          server: {
              baseDir: "./",
          },
      });
      // 监听css
      gulp.watch(file_road.w_cssSrc, ['css']);
      
  });
  gulp.task('dev', function(done) {
      runSequence(
          ['css'], ['watch'],
          done);
  });
  gulp.task('default', ['dev']);
  
  //运行gulp 即可；如果出现的默认 显示cannot get,再在后面添加相应的文件名称，例如 http://localhost:3000/html/index.html

  
  

  1