Webpack 代码拆分

路由文件main.jsx

<Route path='/detail/:mid'

getComponent={(location, cb) => {
require.ensure([], require => {
cb(null, require('./routes/DetailPage').default)
}, 'DetailPage');
}}

/>

webpack.config.js

output: {
    path: __dirname + '/build',
    publicPath: '/',
    filename: './bundle.js',
    chunkFilename: './js/routes/[name].chunk.js?[chunkhash:10]', // 按需加载输出的文件名
  },

 plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new OpenBrowserPlugin({ url: 'http://192.168.3.3:8080' }),
     new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.bundle.js")
  ],// 指定一个希望作为公共包的入口

index.html

  <script type="text/javascript" src="/vendor.bundle.js"></script>
  <script type="text/javascript" src="/bundle.js"></script>