0

私はgulpを使い始めたばかりで、いくつかのことを完全には理解していません。ここに私のgulpfileがあります

gulp.task('css', function(){
  var processors = [
    csswring({
      removeAllComments: true
    })
  ];

  gulp.src(['css/**/*.css', '!css/reset.css'])
    .pipe(concat('withoutReset.css'))
    .pipe(gulp.dest('./tmp'));

  return gulp.src(['css/reset.css', 'tmp/withoutReset.css'])
    .pipe(sourcemaps.init())
    .pipe(concat('style.css'))
    .pipe(postcss(processors))
    .pipe(sourcemaps.write('/map/style'))
    .pipe(gulp.dest('public/css'));
});

gulp.task('main', ['css'], function() {
  return gulp.src('tmp', {read: false})
    .pipe(clean());
});

gulp.task('default', ['main']);

public/css/style.css でこのタスクを実行すると、リセット ファイルを縮小するだけで他は何も表示されませんが、きれいな行にコメントすると問題なく動作します。

clean タスクを実行する前に style.css を作成する必要があると思いましたが、そうではありませんか?

フォルダー構造を変更せずに正常に動作させるにはどうすればよいですか。つまり、リセットファイルは他のファイルと同じレベルにある可能性があり、その後に続く必要があります(リセットからの行は常に最初にする必要があります)

そして、現在のコードで動作しない理由を説明するか、リンクを送信していただければ幸いです

4

1 に答える 1

0

恥ずかしい!

@Heikkiに感謝-非同期で問題が発生したため、連結を別のタスクに入れました(1つのタスクで作成するために何らかの方法で存在すると思いますが、私は初心者です)、うまく機能します)

于 2014-10-26T09:58:59.650 に答える