pageA的代码

import * as _ from 'lodash'

import(/* webpackChunkName:'subPageA' */'./subPageA').then(function(subPageA){

console.log(subPageA);

})

export default 'pageA'

=========================

pageB的代码

import(/* webpackChunkName:'subPageB' */'./subPageB').then(function(subPageB){

console.log(subPageB);

})
其他代码跟老师配置一样

webpack.config.js

var webpack = require('webpack');

var path    = require('path');

module.exports = {

entry:{

'pageA':'./src/pageA',

'pageB':'./src/pageB',

'vendor':['lodash']

},

output:{

path: path.resolve(__dirname,'./dist'),

publicPath: '../dist/',

filename:'[name].bundle.js',

chunkFilename:'[name].chunk.js'

},

plugins:[

new webpack.optimize.CommonsChunkPlugin({

async:'async-common',

children:true,

minChunks:2

}),

new webpack.optimize.CommonsChunkPlugin({

names:['vendor','manifest'],

minChunks:Infinity

}),

]

}