Browserify becomes very slow with many components

Okay, by checking Elixir's Config.js file, I found out that watchify already is included: You can enable it in your gulpfile.js or elixir.json in the root directory.

elixir.config.js.browserify.plugins = [watchify];
elixir.config.js.browserify.options = {cache: {}, packageCache: {}};

or

elixir.config.js.browserify.watchify.enabled = true;
elixir.config.js.browserify.watchify.options = {cache: {}, packageCache: {}};

However, neither nor does speed up anything at all.

Any ideas?

Are you including the whole of node_modules? That's quite a lot of js if you are?

From the manual:

opts.paths is an array of directories that browserify searches when looking for modules which are not referenced using relative path. Can be absolute or relative to basedir.

I'm just telling browserify to also look into the node_modules directory when importing components.

Hi,

do you use homestead with nfs? If so, you have to enable polling in the watchify options.

Second: As you pass individual options to your browserify task, I get the impression, that the watchify options are not applied correctly. Try the following after enabling watchify.

elixir(function (mix) {
    mix.browserify('resources/assets/js/app.js', null, null, {
        paths: ['./node_modules', './resources/assets/js'],
        cache: {},
        packageCache: {}
    })
});

@TorbenDaudistel Thank you so much! Putting the cache and packageCache inside the browserify-options solved it <3

elixir(function (mix) {
    mix.browserify('resources/assets/js/app.js', null, null, {
        paths: ['./node_modules', './resources/assets/js'],
        cache: {},
        packageCache: {}
    })
});