Can't see "dist" folder when browsing (but it's 'there' in the file system)

I have a web project using webpack (plus TypeScript).

I have a couple of scripts set up for run and build:

"build": "webpack",
"start": "webpack --watch & live-server --port=8888"

Webpack is set up to copy a bunch of files to my "/dist" folder, as well as compiling my TypeScript. All works fine.

Everything works as expected when I run "live" from my dev environment. Also if I browse the file structure through my IDE or Finder, everything is there, exactly as expected.

However, after building if I browse the directory structure through my web browser, the "dist" folder is not showing up. I see my "src" folder, plus my various config files, but no "dist". Since my working site is inside the "dist" folder, I can't actually preview it in the browser via this route.

I'm using an Apache server via MAMP. All default settings.

Can anyone explain why the "dist" folder does not show up, even though it's all 'there'?

Many thanks!