Question

$.ajax({
     type: 'POST',
     url: '../gameengine/dataform-to-database.php',
     data: data,
     cache: false,
     error: function(e){
      console.log(e);
      },
      success: function(response){
        //alert(response);
      }
  });

//缩小并连接所有css文件

var paths = {
 css: './public/apps/user/**/*.css'
}

var dest = {
 css: './public/apps/user/css/'
}

当我第一次运行任务时，它编译正常，所有更改都在那里。在我更改某些内容并再次运行它之后，它不会覆盖现有的缩小的css文件。如果我要删除缩小的CSS并再次运行任务，一切都很完美。任何见解？

Answer 1

尝试并设置确切的路径，而不是变量。并不是说它不是一个好习惯，只是尝试没有它。

另外，在您的任务中添加'use strict';，这样您就可以确定您的设置没有严重错误。如果有错误，它会给你正确的错误类型。

而且，我可以问你为什么要在生产构建之前连接你的CSS？

每个文件的连接，缩小等都应该在'build'任务中执行。

Answer 2

在进行minify css之前，您必须删除缩小版的css。

要实现这一目标，您可以使用gulp-clean

安装gulp-clean作为npm install gulp-clean

var gulp = require('gulp'),
    concat = require('gulp-concat'),
    cleanCSS = require('gulp-clean-css'), // this is to minify css
    clean = require('gulp-clean'), //this is to delete files
gulp.task('del-custom-css', function(){
  return gulp.src('./static/custom/css/custom.min.css',{force: true})
  .pipe(clean())
});
gulp.task('minify-custom-css', ['del-custom-css'], function(){
  return gulp.src(['./static/custom/css/*.css'])
  .pipe(concat('custom.min.css'))
  .pipe(cleanCSS())
  .pipe(gulp.dest('./static/custom/css'))
});

希望它有所帮助。

Gulp CSS任务不会覆盖现有的CSS

2 个答案: