vue异步加载css,vue异步路由webpack打包后的样式加载问题（css异步加载问题？）...

我一共有五个页面，采用了异步路由加载，后四个方式如下，这样按需加载每个路由页面，以免首屏加载过慢。

这个样子，调试模式(dev)是没有任何问题的，样式能够显示出来，各种组件的样式以style分开清晰显示。

但是npm run build打包以后的文件就不行了，webpack并没有将异步路由的vue的css文件给抽取出来，只抽取了用import方式引入组件的css，也就是index的css。

我后面将异步组件换成了import就能抽取样式了。。。。

是不是我的css也应该生成多个，而不是直接抽取到单个css？理论上点击时应更改css文件引入？

这算是webpack的build的配置有问题？毕竟dev没啥毛病。。。后来又觉得是路由的问题，但是我webpack与vue都学艺不精，还是贴出来请大神看看，这个问题是vue-router能解决的，还是webpack能解决的，求个解决方案。

webpack.dev.conf.js

var utils = require('./utils')

var webpack = require('webpack')

var config = require('../config')

var merge = require('webpack-merge')

var baseWebpackConfig = require('./webpack.base.conf')

var H