How to speed up Browserify?

Question

JavaScript

I use gulp-browserify and gulp-webserver with gulp-livereload.
Every time js files are changed, dist/main.js is compiled.
It takes seconds, but the more code, the longer it takes.
Surely, it is possible not to compile dist, but to view the project in the browser directly from src files. Or somehow get rid of these seconds of waiting?
ps. no tag found for browserify on toaster. Is there an analogue?

Answer 1

Switch to es6 modules and babel.js. during development, you can only rebuild the changed file and load everything through the es6-module-loader (+ compile everything into one bundle for production).

Answer 2

gulp-browserify is blacklisted and is not recommended. Use the normal browserify + vinyl-source module.
Acceleration options:
1. Universal solution - Incremental builds, recipe depends on build type 1:1 or M:1
2. Use browserify middleware for webserver.
3. It is possible to optimize browserify by disabling parsing of external libraries (such as jQuery), node environments (constants like __filename, etc.)