Gulp not copying all files

[cmcknight]

OS: MacOS 11.4
Gulp: 4.0.2

I have the following directory structure:

.
├── dist
│   ├── about
│   ├── blog
│   ├── css
│   ├── img
│   ├── index.html
│   ├── js
│   ├── projects
│   │   ├── game-aids
│   │   │   └── tunnels-and-trolls
│   │   │       ├── index.html
│   │   │       └── tunnels-and-trolls-character-generator
│   │   │           ├── css
│   │   │           │   └── app-styles.css
│   │   │           └── index.html
│   └── sitemap.xml
├── gulpfile.js
└── src
    ├── 404.html
    ├── blog
    ├── css
    ├── fonts
    ├── img
    ├── index.md
    ├── js
    ├── pages
    ├── partials_layouts
    └── projects
        ├── category
            ├── subcategory
            │   └── project
            │       ├── css
            │       │   └── app-styles.css
            │       ├── js
            │       │   └── app-scripts.js
            │       └── project.md
            └── subcategory.md

I have the following Gulp tasks to move the embedded css/js directories with the project.

// Copy the Project-specific CSS files
const copyProjectCSSFiles = () => {
  console.log('Copying project css')
  return src(['./src/projects/**/css/'])
         .pipe(dest('./dist'))
};

const copyProjectJSFiles = () => {
  console.log('Copying project js')
  return src(['./src/projects/**/js/'])
         .pipe(dest('./dist'))
}

I have the following default:

exports.default = series(
  cleanBuild,
  cleanDist,
  render,
  processHTML,
  siteMap,
  processCSS, 
  processJavascript, 
  optimizeImages,
  copyRobotsText, 
  copyProjectJSFiles,
  copyProjectCSSFiles
);

The CSS files get moved correctly, but the Javascript files do not appear to be moved at all.

I am at a loss as to how one method appears to work and the other does not. I split the copy into two methods because when I used the following code:

const copyProjectFiles = () => {
  return src(['./src/projects/**/css/', './src/projects/**/js/'])
              .pipe(dest('./dist'))

I got the same behavior, i.e, the CSS files would get copied over properly but the Javascript files were ignored. I am attaching my gulpfile.js to provide a full picture with the other functions in that file.
gulpfile.js.txt

[begin-again]

Try adding a glob pattern for the files rather than just the folder name. I've always had file globs 'cause never new I could just use the folder.

./src/projects/**/css/*.css

[noxasch]

You need to specify the glob pattern for the file with their extension or use wildcard extension *.*. Here example based on your code:

// Copy the Project-specific CSS files
const copyProjectCSSFiles = () => {
  console.log('Copying project css')
  return src(['./src/projects/**/css/*.css']) // this
         .pipe(dest('./dist'))
};

const copyProjectJSFiles = () => {
  console.log('Copying project js')
  return src(['./src/projects/**/js/*.js']) // and this
         .pipe(dest('./dist'))
}