getChildRoutes dynamiclly

Question

В примерах с адаптивным маршрутизатором есть следующий код для динамических загрузок, но я хочу динамически вычислять зависимости. Однако, похоже, это не работает. forEach цикл будет бросать ошибку, говорит "Cannot find module xxx"

getChildRoutes(location, callback) { 
    require.ensure([], function (require) { 
     callback(null, [ 
     require('./routes/Announcements'), 
     require('./routes/Assignments') 
     ]) 
    }) 
    }, 

---- ############################### ################ ----

getChildRoutes(location, callback) { 
    require.ensure([], function (require) { 
    var appsRoutes = ['routes/Announcements', 'routes/Assignments'].forEach(item=>{ 
    return require('./' + item); 
    }); 
      callback(null, appRoutes) 
    }) 
}, 

Answer 1

Работает ли следующая работа?

const dynamicRoutes = [ 
'./routes/Announcements', 
'./routes/Assignments' 
]; 

... 

getChildRoutes(location, callback) { 
    require.ensure(dynamicRoutes, function (require) { 
    var appsRoutes = dynamicRoutes.map(item => require(item)); 
    callback(null, appRoutes); 
    }); 
}, 

Я думаю WebPack должен быть в состоянии вычислить, какие модули для создания динамических крюков на во время компиляции, что он не в состоянии решить в связи с вашим подходом петли Foreach Concat.

Эта альтернатива могла бы работать тоже:

getChildRoutes(location, callback) { 
    require.ensure([], function (require) { 
    var appsRoutes = [ 
     require('./routes/Announcements'), 
     require('./routes/Assignments') 
    ]; 
    callback(null, appRoutes); 
    }); 
}, 

Читайте здесь для получения дополнительной информации: https://webpack.github.io/docs/code-splitting.html