webpack 4 scss加载程序不起作用-为什么？

Question

我的配置是：

{
  test: '/\.(css|scss)$/',
  exclude: /node_modules/,
  use: [
    'style-loader', 'css-loader', 'sass-loader'
  ]
}

但出现以下错误：

  

./ src / components / button / button.scss 1:10中的错误
  模块解析失败：意外令牌（1:10）
  您可能需要适当的加载程序来处理此文件类型。
  > $ font-size：20px;

我在做什么错了？

Answer 1

您似乎正在为test使用正则表达式，但实际上是在使用字符串。删除正则表达式模式周围的'，它应该可以工作：

{
    test: /\.(css|scss)$/,
    ...
}