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']
      },