TypeScript: list files in web folder

Question

I have a TypeScript web application with the following folder structure.

- assets
 |- a.png
 |- b.png
 |- c.png
 |- d.png
 |- ...
- app.ts

In app.ts, how do I programatically list all the files in assets folder?

I tried the below but it didn't work. And I also thought I may be going down the wrong path because fs is used to access the user's file system, which is not my intent.

const fs = require('fs');
const assets_folder = './assets/';
fs.readdirSync(assets_folder).forEach((file) => {
  console.log(file);
});

Rahul Sharma · Accepted Answer · 2022-01-31 13:31:51Z

1

The issue is related to file location because when you use the typescript after compiling., it'll move to dist/build and it'll look in that directory.

Solution: Copy files/directory from src to dist/build programatically, it'll solve your issue.

Project src

src
  assets
    images
  app.ts

After complie

dist
  //<Missing assets>
  app.js

answered Jan 31, 2022 at 13:31

Rahul Sharma

10.1k1 gold badge20 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

chongzixin Over a year ago

wow thanks. so the same code that i provided above using fs will work once i move the files?

Rahul Sharma Over a year ago

@chongzixin it should work.

chongzixin Over a year ago

having a separate issue Uncaught ReferenceError: require is not defined now. Will resolve that then validate this. thanks!

Collectives™ on Stack Overflow

TypeScript: list files in web folder

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related