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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

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                 }             }         })     ] };