webpack - 如何为 vuejs 添加 scss 支持

Question

我正在尝试使用vue-material，但在文档中，它只说要在Pre-Processors上阅读，我在 pre-processors 页面上尝试了所有内容，但无法修复我的错误：

scss部分是：

<style lang="scss" scoped>
  @import "~vue-material/components/MdAnimation/variables";
  @import "~vue-material/theme/engine";

  .md-layout-item {
    height: 40px;
    margin-top: 8px;
    margin-bottom: 8px;
    transition: .3s $md-transition-stand-timing;

    &:after {
      width: 100%;
      height: 100%;
      display: block;
      background: md-get-palette-color(purple, 200);
      content: " ";
    }
  }
</style>

错误是：

Module build failed: 
  @import "~vue-material/components/MdAnimation/variables";
^
      File to import not found or unreadable: ~vue-material/components/MdAnimation/variables.