2018-08-07 记录对于webpack按需加载的理解

{
path: '/pages/Hello',
childRoutes: [],
getComponents(location, callback) {
require.ensure([], (require) => {
callback(null, require('./pages/Hello/Hello').default);
}, 'Hello');
},
indexRoute: {},
}

主要是利用getComponents的方法来实现按需加载的问题。

webpack方面的设置
devServer: {
historyApiFallback: {
rewrites: [{ from: /.*/, to: "/build/index.html" }]
},
},
output: {
filename: 'js/[name].js', //注意这里，用[name]可以自动生成路由名称对应的js文件
path: path.join(__dirname, 'build'),
publicPath: '/nurse-station-front-end/0.1.0/',// 修改成自己的项目名,和portal里面的repo值一致
chunkFilename: 'js/[name].js' //注意这里，用[name]可以自动生成路由名称对应的js文件
}