时间戳

首页 > 解决方案 > 任务“createSprite，copySpriteCSS”不在您的 gulpfile 中

javascript - 任务“createSprite，copySpriteCSS”不在您的 gulpfile 中

问题描述

我正在尝试运行将同时运行两个不同任务的任务“图标”，但是当我尝试运行它时，我收到错误消息。我尝试了很多不同的事情，但都没有成功，所以如果有人知道如何解决它，请告诉我:)

我将在下面发布我的代码：

const gulp = require('gulp');
const svgSprite = require('gulp-svg-sprite');
const rename = require('gulp-rename');

const config = { 
  mode: {
    css: {
      render: {
        css: {
          template: './gulp/templates/sprite.css' 
        }
      }
    }
  }
}

gulp.task('createSprite', function() { 
  return gulp.src('./app/assets/images/icons/**/*.svg')  
    .pipe(svgSprite(config))
    .pipe(gulp.dest('./app/temp/sprite/'));
});

gulp.task('copySpriteCSS',['createSprite'], function() { 
  return gulp.src('./app/temp/sprite/css/*.css')
  .pipe(rename('_sprite.css'))
    .pipe(gulp.dest('./app/assets/styles/modules'));
});

gulp.task('icons', ['createSprite, copySpriteCSS']);

我得到的错误是：

[08:29:03] Using gulpfile ~\travel-agency-website\gulpfile.js
[08:29:03] Task 'createSprite, copySpriteCSS' is not in your gulpfile
[08:29:03] Please check the documentation for proper gulpfile formatting

标签： javascripthtmlgulpgulp-task

解决方案

尝试：

gulp.task('copySpriteCSS', gulp.series('createSprite', function() { 
  return gulp.src('./app/temp/sprite/css/*.css')
  .pipe(rename('_sprite.css'))
    .pipe(gulp.dest('./app/assets/styles/modules'));
}));

gulp.task('icons', gulp.parallel('createSprite', 'copySpriteCss'));

你有 gulp v3 代码，我假设你正在使用 gulp v4。从 v3 tp v4 搜索迁移指南。

推荐阅读