如何配置 Webpack 以处理 CSS、Less 和 Sass 文件？

首先需要安装相应的 Loader（如 style-loader、css-loader、less-loader、sass-loader）。然后在 webpack.config.js 的 module.rules 中配置规则，例如：

module: { 
rules: [ 
{ 
test: /\.css$/, 
use: ['style-loader', 'css-loader'], 
}, 
{ 
test: /\.(less|css)$/, 
exclude: /\.module\.less$/, 
use: [ 
'style-loader', 
{ 
loader: 'css-loader', 
options: { 
importLoaders: 2, 
sourceMap: !!DEV, 
}, 
}, 
'less-loader', 
], 
}, 
{ 
test: /\.(sass|scss)$/, 
use: [ 
'style-loader', 
{ 
loader: 'css-loader', 
options: { 
importLoaders: 2, 
sourceMap: !!DEV, 
}, 
}, 
'sass-loader', 
], 
}, 
], 
}