webpack的bundle原理?
发布于 8 年前 作者 zp1112 3890 次浏览 来自 问答

想请问一下大家,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']
      },

untitled1.png

回到顶部