如何使用webpack和Vue.js @正确导入外部SCSS？

就像在Material Component Web的示例中一样，我希望能够这样从我的设备导入SCSS node_modules：

@import '@material/elevation/mdc-elevation';

但是，尝试运行webpack构建时，我收到此错误消息：

File to import not found or unreadable: @material/elevation/mdc-elevation.

@import './~/@material/elevation/mdc-elevation.scss'; 也不起作用。

我很确定问题出在我的webpack配置中，但是我不知道在哪里。

为了使它起作用，他们在Material Components Web的Vue.js示例中做了什么？

如果需要，这是我的npm-debug.log。这是对应的Git存储库：sk22 / spg-tinf-sem03 / proj01

提前致谢！

编辑：我希望能够导入scss文件，而不是已编译的CSS。