webpack打包生成的文件名问题
webpack入口为多页，每个页面中有懒加载的组件，打包出来懒加载的组件会打成不同id的文件名，但是没有模快名，分辨不出当前这个id属于哪个模块下，如果能让懒加载的文件带上模块名？
如：
```
` a.html  
 a.js
 b.html
 b.js`
```
//懒加载模块，分别对应a,b模块
```
` 1.js
 2.js
 3.js
 4.js
`
```
```
  //webpack配置
output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
  },
```
代码里的`[name]`默认是`id`覆盖，如果你要给`chunkFilename`重新起名字，要使用`webpack1`的`require.ensure()`或`webpack2`以上的`import()`方法。
webpack1:
```
require.ensure(dependencies: String[], callback: function(require), chunkName: String)
```
上面的`chunkName`对应的就是`webpack`里的`chunkFilename`里的`[name]`
webpack2-3:
```
const Foo = asyncComponent(() => import(/* webpackChunkName: "foo" */ "./foo"))

<Route path="/xx" component={Foo} />

```
上面的`import()`是`webpack2`以上版本的写法，注意`/* webpackChunkName: "foo" */`，这里对应的就是`webpack`里的`chunkFilename`里的`[name]`