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

看起来您正在尝试使用正则表达式 for test，但实际上您使用的是字符串。删除'正则表达式模式周围的s ，它应该可以工作：{    test: /\.(css|scss)$/,    ...}