webpack4 关于mini-css-extract-plug

最近在学习webpack4配置，其中mini-css-extract-plugin可以把css文件从打包后的js文件中剥离出来。减少了主bundle的页面文件大小，加快加载速度。

然后我就按照文档去配置图1是我文件目录

图2图3是我配置的mini-css-extract-plugin

我想把pages里面的css打包到dist文件夹下面，但是我一直打包都没有index.css出现。我以为是我配置有问题，怎么都找不到原因，把我的文件和别人的文件对比发现我没有把pages里面的css  import到index.js 

本身对webpack不熟悉，没搞清楚原理，分离css需要把css引入到js的，不像copyWebpackPlugin插件可以直接把文件从一个文件夹复制到另一个文件夹。不知道有没有小伙伴犯同样的错误呢，首先mini-css-extract-plugin不能提取css为单独的文件，查看下是否import了css哦。