使用mini-css-extract-plugin 报错ReferenceError:xxx is not defined

webpack.config.js里面引用插件 mini-css-extract-plugin和 style-loader 同时在module里面使用会报错

Module build failed (from ./node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js):
ReferenceError: document is not defined 

解决方案：
不使用 style-loader， 改用 mini-css-extract-plugin的loader