Uncaught Error: Cannot find module "fs" - angularjs

Question

my Webpack version is v1.15.0.
I just require('fs') in my JS file, but I got the error:
Uncaught Error: Cannot find module "fs";
and when I add node{ fs: 'empty' },
and then I got another error:
fs.readdirSync is not a function
if I add:
externals:{
"fs": "commonjs fs"
},
I get another error:
Uncaught ReferenceError: require is not defined
Why? How can I fixed it?
EDIT : when I put all my file's names on a file .txt and I get the file .txt with $http.get it's working fine

Answer 1

fs should be server side only (nodeJS) you would always make node do the work of accessing files on the server, not the client side.
You would do something like this, on NodeJS (server side) (this isnt word for word correct, but it'll get you started)
fs = require('fs')
router.get('/getdocs', function(req, res, next) {
// do your filesystem operation here, then return what you want
})
Then on the client side (angularJS) you would fetch what NodeJS returns
fetch('mydomain/api/getdocs').then(rtrn => {
console.log(rtrn)
})

Answer 2

It is always recommended to have the inbuilt or the function which arent gonna change to use it with constant
const fs = require('fs');
having it constant throws a error when you try to modify it.