Javascript 使用多个加载程序时，如何配置.scss的网页包？

我最近升级了我的网页配置，以反映一些新的更新，即：

"typescript": "^4.2.4",
"url-loader": "4.0.0",
"webpack": "^5.0.0",
"webpack-cli": "3.3.12",
"webpack-dev-server": "^3.11.0"
"sass-loader": "^8.0.2",

但是现在，我无法加载我的.scs

在我的webpack.config.js中，我有以下内容：

{test: /\.scss$/,
 include: path.join(__dirname, 'src'),
 loaders: ['style-loader', 'css-loader?minimize&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]', 'sass-loader']},

我现在得到的错误是：

 ｢wds｣: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
 - configuration.module.rules[5] has an unknown property 'loaders'. These properties are valid:
   object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, issuerLayer?, layer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve?, resource?, resourceFragment?, resourceQuery?, rules?, sideEffects?, test?, type?, use? }

---

如何修复我的网页包配置？

规则。加载程序已被弃用，取而代之的是
规则。请使用
（请参阅）

试试这个：

{
  test: /\.scss$/,
  include: path.join(__dirname, 'src'),
  use: ['style-loader', 'css-loader', 'sass-loader']
}