最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

NodejsGulp不会将所有文件复制到'dist'文件夹中

运维笔记admin8浏览0评论

Nodejs / Gulp不会将所有文件复制到'dist'文件夹中

Nodejs / Gulp不会将所有文件复制到'dist'文件夹中

Gulp应该将所有子文件夹和文件复制到dist。但是它仅复制其中一半,即使我更改了它们的名称等,某些文件夹也将被忽略(没有特殊字符,与正确复制后的文件夹相同的子文件夹结构...)-无效。我只是看不到任何图案。

运行gulp时没有错误消息。没有什么可以帮助我发现错误。

这是我的gulpfile.babel.js:

import path from 'path'
const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const babel = require('gulp-babel');
const concat = require('gulp-concat');
import del from 'del';
import nodemon from 'gulp-nodemon';

const paths = {
  js: ['./**/*.js', '!dist/**', '!node_modules/**', '!coverage/**', '!./*.test.js'],
  statics: ['./package.json', './.gitignore', './.env', './templates/**/**/*'],
  resources: ['./resources/**/*'],
  public: ['./public/**/*'],
  templates: ['./templates/**/**/**/*'],
  tests: './server/tests/*.js',
}


gulp.task('clean', function (done) {
  del.sync(['dist/**', 'dist/.*', 'coverage/**', '!dist', '!coverage'])
  done()

});

gulp.task('copy', function (done) {
  gulp.src(paths.statics).pipe(gulp.dest('dist'))
  gulp.src(paths.resources).pipe(gulp.dest('dist/resources'))
  gulp.src(paths.public).pipe(gulp.dest('dist/public'))
  gulp.src(paths.templates).pipe(gulp.dest('dist/templates'))
  done()
})
gulp.task('build', function (done) {
  gulp.src([...paths.js, '!gulpfile.babel.js'], { base: '.' })
    .pipe(babel(
      {
        presets: ['@babel/env']
      }
    ))
    .pipe(gulp.dest('dist'))
  done() 
})
gulp.task('start', function (done) {
  nodemon({
    script: path.join('dist', 'index.js'),
    delay: 1000,
    ext: 'js',
    tasks: ['clean', 'copy', 'build'],
    ignore: ['node_modules/**/*.js', 'dist/**/*.js'],
  })
  done()
})
gulp.task('serve', gulp.series('copy', 'build', 'start'))
gulp.task('default', gulp.series('serve'))

例如很多文件夹,dashboard中的文件夹routes不会复制到dist文件。

这是我的结构:

- backend
- > server
- > server > routes
- ...
- > server > routes > dashboard
- > server > routes > dashboard > *.js 
- ...
- gulpfile.babel.js
回答如下:

您的copy任务正在创建具有多个对gulp.src的调用的多个流。合并它们的正确方法是使用merge-stream

const mergeStream =   require('merge-stream');

gulp.task('copy', function () {
  return mergeStream(
    gulp.src(paths.statics).pipe(gulp.dest('dist')),
    gulp.src(paths.resources).pipe(gulp.dest('dist/resources')),
    gulp.src(paths.public).pipe(gulp.dest('dist/public')),
    gulp.src(paths.templates).pipe(gulp.dest('dist/templates'))
  );
})

或者,由于您只是将文件夹结构复制到dist文件夹中,因此您也可以这样做:

gulp.task('copy', function () {
  return gulp.src([...paths.statics, 
                   ...paths.resources,
                   ...paths.public,
                   ...paths.templates], 
                   {base: '.'})
          .pipe(gulp.dest('dist'))
})
发布评论

评论列表(0)

  1. 暂无评论