javascript - webpack 4 scss loader 不工作 - 为什么？

Question

我的配置是:

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

但我收到以下错误:

ERROR in ./src/components/button/button.scss 1:10
Module parse failed: Unexpected token (1:10)
You may need an appropriate loader to handle this file type.
> $font-size: 20px;

我做错了什么？

Answer 1

看起来您正在尝试使用正则表达式进行测试，但实际上您使用的是字符串。删除正则表达式模式周围的 ，它应该可以工作:

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