webpack的bundle原理?
想请问一下大家,webpack打包出来的那个大文件bundle.js包含了整个入口文件的所有内容,但是如果我在路由里面配置了按需加载的话,即使用react-router-loader来使得对应的路由加载对应的模块文件,那么这样做了以后,打开某个路由,浏览器会加载一个bundle文件和其他的1.bundle.js和2.bundle.jsn那么原先的那个bundle.js是不是变小了呢? 但是我的实践是没有变小呢。。。
import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import { Route, Router, browserHistory } from 'react-router';
import Todo from './containers/todo';
import Login from './containers/login';
import createStore from './store';
const store = createStore();
render(
<Provider store={store}>
<Router history={browserHistory}>
<Route path="/login" title="登陆" component={Login} />
<Route path="/" title="首页" component={Todo} />
</Router>
</Provider>,
document.getElementById('example')
);
{
test: /\.js$/,
include: /app\/components\//,
loaders: ['react-router?name=routes/[name]', 'babel']
},