我发现同时配了ExtractTextWebpackPlugin和PurifyCSS的时候，在plugins那里把ExtractTextWebpackPlugin写在前面就只有tree shaking而没有压缩，而把PurifyCSS写在前面的话就只有压缩没有tree shaking。请问老师，如何实现两者同时生效？

我的主要配置是：

var cssExtract = new ExtractTextWebpackPlugin({
    filename: 'css/[name].min.css'
})

//...

	rules: [
            {
                test: /\.less$/,
                use: cssExtract.extract({
                    fallback: {
                        loader: 'style-loader',
                        options: {
                            singleton: true,
                        }
                    },
                    use: [
                        {
                            loader: 'css-loader',
                            options: {
                                importLoaders: 2,
                                minimize: true || {/* CSSNano Options */}
                            }
                        },
                        {
                            loader: 'postcss-loader',
                            options: {
                                ident: 'postcss',
                                plugins: function(loader){
                                    return [
                                        require('postcss-cssnext'),
                                        // require('cssnano')(),
                                    ]
                                }
                            }
                        },
                        {
                            loader: 'less-loader'
                        }
                    ]
                })
            },
	]
	
//...

	plugins: [
        cssExtract,

        // CSS Tree shaking
        new PurifyCSS({
            paths: glob.sync([
                path.join(__dirname, './*.html'),
                path.join(__dirname, './src/*.js')
            ])
        }),
    ]