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