how can i upgrade gulp 3 to 4

Question

Hi I am having difficulties in run this old legacy Laravel 5.3 project.

**npm run prod

> prod
> gulp --production

fs.js:45
} = primordials;
    ^

ReferenceError: primordials is not defined **

package.json { "private": true, "scripts": { "prod": "gulp --production", "dev": "gulp watch" }, "devDependencies": { "bootstrap-sass": "^3.3.7", "gulp": "^3.9.1", "jquery": "^3.1.0", "laravel-elixir": "^6.0.0-9", "laravel-elixir-vue-2": "^0.2.0", "laravel-elixir-webpack-official": "^1.0.2", "lodash": "^4.16.2", "vue": "^2.0.1", "vue-resource": "^1.0.3", "vee-validate": "^2.0.0-beta.14", "vue-router": "^2.0.1" }, "dependencies": { "accounting-js": "^1.1.1", "clipboard": "^1.5.16", "jquery-confirm": "^3.0.1", "orgchart": "^1.2.9", "vue-bootstrap-pagination": "^2.10.2" } }

here is my gulpfile

const elixir = require('laravel-elixir');

require('laravel-elixir-vue-2');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
    mix
        .webpack('admin/interswitch.js','./public/js/interswitch.js')

    /*
    ADMIN MODULE
     */
    mix
        .webpack('admin/import.js','./public/themes/admin/assets/js/import.js')
        .webpack('admin/login.js','./public/themes/admin/assets/js/login.js')
        .webpack('admin/app.js','./public/themes/admin/assets/js/app.js')

        .scripts([
                './public/vendors/joli/js/plugins/moment.min.js',
                './public/vendors/accounting/accounting.min.js',
                './public/vendors/joli/js/plugins/icheck/icheck.min.js',
                './public/vendors/joli/js/plugins/knob/jquery.knob.min.js',
                './public/vendors/joli/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js',
                './public/vendors/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js',
                './public/vendors/joli/js/plugins/bootstrap/bootstrap-file-input.js',
                './public/vendors/joli/js/plugins/bootstrap/bootstrap-select.js',
                './public/vendors/joli/js/plugins/tagsinput/jquery.tagsinput.min.js',
                './public/vendors/joli/js/plugins.js',
                './public/vendors/joli/js/actions.js',
                './public/themes/admin/assets/js/app.js'
                ], 'public/themes/admin/assets/js/app.js')
        .scripts(['./public/themes/admin/assets/js/login.js'], 'public/themes/admin/assets/js/login.js');

    /*
    BRANCH MODULE
     */
    mix
        .webpack('branches/login.js','./public/themes/branches/assets/js/login.js')
        .webpack('branches/app.js','./public/themes/branches/assets/js/app.js')

        .scripts([
            './public/vendors/joli/js/plugins/moment.min.js',
            './public/vendors/accounting/accounting.min.js',
            './public/vendors/joli/js/plugins/icheck/icheck.min.js',
            './public/vendors/joli/js/plugins/knob/jquery.knob.min.js',
            './public/vendors/joli/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js',
            './public/vendors/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js',
            './public/vendors/joli/js/plugins/bootstrap/bootstrap-file-input.js',
            './public/vendors/joli/js/plugins/bootstrap/bootstrap-select.js',
            './public/vendors/joli/js/plugins.js',
            './public/vendors/joli/js/actions.js',
            './public/themes/branches/assets/js/app.js'
        ], 'public/themes/branches/assets/js/app.js')
        .scripts(['./public/themes/branches/assets/js/login.js'], 'public/themes/branches/assets/js/login.js');

    /*
     MEMBERS MODULE
     */
    mix
        .webpack('members/register.js','./public/themes/members/assets/js/register.js')
        .webpack('members/login.js','./public/themes/members/assets/js/login.js')
        .webpack('members/app.js','./public/themes/members/assets/js/app.js')

        .scripts([
            './public/vendors/joli/js/plugins/moment.min.js',
            './public/vendors/accounting/accounting.min.js',
            './public/vendors/joli/js/plugins/icheck/icheck.min.js',
            './public/vendors/joli/js/plugins/knob/jquery.knob.min.js',
            './public/vendors/joli/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js',
            './public/vendors/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js',
            './public/vendors/joli/js/plugins/bootstrap/bootstrap-file-input.js',
            './public/vendors/joli/js/plugins/bootstrap/bootstrap-select.js',
            './public/vendors/joli/js/plugins.js',
            './public/vendors/joli/js/actions.js',
            './public/themes/members/assets/js/app.js'
        ], 'public/themes/members/assets/js/app.js')
        .scripts(['./public/themes/members/assets/js/login.js'], 'public/themes/members/assets/js/login.js')
        .scripts([
            './public/vendors/joli/js/plugins/moment.min.js',
            './public/vendors/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js',
            './public/themes/members/assets/js/register.js',
        ], 'public/themes/members/assets/js/register.js');
});

if possible how can I change it to Latest Laravel, vue3, and Webpack?

how can i upgrade gulp 3 to 4

0 Answers