mini-css-extract-plugin搭配optimize-css-assets-webpack-plugin

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');

module.exports = {
	devtool: 'source-map',
    plugins: [
        // 分离css
        new MiniCssExtractPlugin({
            // 分离文件路径
            filename: 'static/css/[name].[chunkhash].css'
        }),
        // 压缩css
        new OptimizeCssAssetsPlugin({
			cssProcessorOptions: {
                map: {
                    // 不生成内联映射,这样配置就会生成一个source-map文件
                    inline: false,
                    // 向css文件添加source-map路径注释
                    // 如果没有此项压缩后的css会去除source-map路径注释
                    annotation: true
                }
            }
		})
    ]
};