getChildRoutes dynamiclly

Question

在react-router的例子中，有下面的動態加載子代碼，但我想動態地計算依賴關係。但是，它似乎不工作。 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需要能夠計算出哪些模塊在編譯時，它是不能夠解決在創建動態掛鉤，由於您的CONCAT forEach循環的方法。

這種替代可能可能工作太：

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