Vue.js 在尝试导入sass模块时，如何在Vue CLI中使用包含路径？

我正在使用Vue CLI启动一个新项目，这是我第一次使用它

我使用的是一个CSS框架（Spectre），我是通过NPM安装的。我现在只想导入它的一部分。我已经找到了一种让它工作的方法，但它相当麻烦，我想找到一种更好的方法使用

includePaths

选项

基本上，整个事情可以这样概括：我有一个

*.scss

文件，看起来像这样：

@import.“/node\u modules/spectre.css/src/accordions”；
@导入“/node_modules/spectre.css/src/avatars”；
@导入“/node_modules/spectre.css/src/badges”；
@导入“/node_modules/spectre.css/src/breadcrumbs”；
...

我显然想通过从所有导入中删除

/node\u modules/spectre.css/src/

部分来简化它

在

vue.config.js

中，我有：

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        includePaths: [path.resolve(__dirname, 'node_modules/spectre.css/src')]
} } } }

但这不起作用

我已经研究了以下问题：

但是找不到答案，或者无法找到答案。

允许使用

~

作为项目

节点\u模块/

的路径别名，因此您可以执行以下操作：

@import“~spectre.css/src/accordions”；
@导入“~spectre.css/src/avatars”；
@导入“~spectre.css/src/badges”；
@导入“~spectre.css/src/breadcrumbs”；

---

无需更改您的Vue配置。

我知道，但我想找到一种方法，只需导入“手风琴”。这也是一个理解它在未来项目中如何工作的问题。