[mini-css-extract-plugin]ReferenceError: document is not defined MiniCssExtractPlugin

ReferenceError: document is not defined MiniCssExtractPlugin

problem

启动工程报错 ReferenceError: document is not defined MiniCssExtractPlugin

reason

由于是 MiniCssExtractPlugin loader位置不对，
他应该在 style-loader 后面

solution

// 之前
{                
    test: /\.css$/,
    use: [MiniCssExtractPlugin.loader, 'style-loader',  'css-loader'
    ]
},

// 之后
{                
    test: /\.css$/,
    use: ['style-loader', MiniCssExtractPlugin.loader,  'css-loader'
    ]
},