Angular Application Performance with one script file and many script files

Question

I am working on a large-scale web application using AngularJs as front-end and Laravel RESTful API as back-end

I am currently using gulp to merge all script files into a single file, including angular libraries, as well as all modules and controllers and about 46,000 lines of code.

Is this a good approach to improving performance ?, or should I include all the script files separately.

Is also the connection of several files, including others, a good approach?

Thanks in advance!

Answer 1

Yes, this is a standard approach for production.

For development, save separate files, so debugging is much easier. For production, it is highly desirable to combine all the files and minimize them.

Infact, if you use webpack, you can have all css, js files in one package

Answer 2

Webpack is a great tool. Gulp will also do the job.