使用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