Home / Questions / 3896
Accepted
toledano
Asked: 2020-02-09 18:08:14 +0800 CST 2020-02-09 18:08:14 +0800 CST

Copy files and directories with gulp.js

  • 772

I am using gulp.js task manager in my AngularJS and Django project.

Due to my git repository configuration, the static directory, called assetsis not controlled, so I have a directory, sources, where the source files are.

I'm doing a task to copy these files (initially raw, compressed, etc.) to the folder assetsby doing this:

// Configuración
var config = {
  sourcesDir: './sources',
  bowerDir: './bower_components'
    
}

// tarea fuentes
gulp.task('fuentes', function(){
  gulp.src([config.sourcesDir + '/css/styles.css'])
    .pipe(gulp.dest('./assets/css'));
});

That is, a single file moves from the source srcto the destination destseamlessly.

My problem is that I am making angular services with the same Django structure and I have several directories with one or more files inside a javascript folder, like this:

js
├── auth
├── cmi.js
├── indicadores
│   ├── encuestas
│   └── productividad
├── inecap
└── metas

Question: How do I configure my task fuentesto copy the files jsand structure from the source [config.sourcesDir + '/js']to the destination ./assets/js?

javascript

1 Answers

  1. Best Answer

    You can try this:

    For all:

    gulp.task('copy', function () {
        gulp.src([config.sourcesDir + '/js'+'/**/*'])
          .pipe(gulp.dest('./assets/js));
    });

    For only the type that is indicated (example with .js):

    gulp.task('copy', function () {
            gulp.src([config.sourcesDir + '/js'+'/**/*.js'])
              .pipe(gulp.dest('./assets/js));
        });

    examples:

    • js/**/*.js matches files ending in .jswithin the directory jsand within all sub-folders of it.

    • js/yourSourceDirectory/exactly.js exactly matches the file.

    • js/yourSourceDirectory/*.js matches files ending in .jsinside the js/suDirectorioSource.

    • !js/yourSourceDirectory/exclude.js specifically excludes the file excluir.jswith the use of!

    • Source/*.+(js|css) matches files ending in .jsor .cssinside the directorySource/
    • 3