Incremental build front-end project

279 views Asked by At

I really get big trouble with incremental build (for develop process, in production build, I minified and concatenated files to some files).

My project (angular) have hundreds js file and It's cost me up to 2 minutes to load web page. Root cause: too many requests to get files (> 1000 files).

I have an idea to deal with this problem:

  • Concatenate all third-party librarys to one file (same as gulp-angular way).

  • Concatenate (concatenate only, not minify) js files in the same folder to one js file. only build all file in folder when one file which lie in that folder changed (using gulp-cache and gulp-remember).

Do you have any suggestion for me? Try browserify or webpack?

1

There are 1 answers

3
dknight On

to add to your approach you can incorporate minification which reduces the concatenated file. this further improves performance.