如何在Webpack中配置资源压缩以优化CSS和JS文件？

对于CSS文件的优化，可以使用OptimizeCSSAssetsPlugin插件。对于JS文件的优化，则可以使用TerserPlugin。在Webpack配置文件中，可以这样设置：

const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin'); 
const TerserPlugin = require('terser-webpack-plugin'); 

module.exports = { 
// 其他配置... 
optimization: { 
minimizer: [ 
new TerserPlugin({ 
parallel: true, 
terserOptions: { 
output: { 
comments: false, 
}, 
}, 
}), 
new OptimizeCSSAssetsPlugin({}), 
], 
minimize: true, // 根据环境变量控制，这里为示例直接设为true 
splitChunks: { 
minSize: 500000, 
cacheGroups: { 
vendors: false, 
}, 
}, 
}, 
// 其他配置... 
};