为什么 rollup-plugin-sass 没有看到使用 ~ 的导入？

Question

我正在尝试将 vue-material 库移植到 ESM，以便我可以在项目中使用它。我正在尝试将 rollup 与 rollup-plugin-sass 一起使用。我有以下汇总配置...

import VuePlugin from 'rollup-plugin-vue';
import css from 'rollup-plugin-css-only';
import commonjs from 'rollup-plugin-commonjs';
import sass from 'rollup-plugin-sass';

// const external = Object.keys(pkg.dependencies);
const plugins = [
    commonjs(),
    VuePlugin(),
    sass(),
    css()
];
const globals = {
    vue: 'Vue'
};
module.exports = {
  plugins,
  input: 'src/index.js',
  output: {
    file: 'dist/index.js',
    format: 'esm'
  }
};

但是，当我构建时，我得到...

[!]（VuePlugin 插件）错误：错误：找不到要导入的样式表。src/components/MdApp/MdApp.vue 131:9 根样式表

我检查了一下，第 131 行是...

@import "~components/MdAnimation/variables.scss";

该文件似乎确实存在于该src/components文件夹下，但未被识别。我也试过这个...

sass({
  includePaths: [ 'src/' ],
  importer(path) {
    return { file: path[0] !== '~' ? path : path.slice(1) };
  }
}),

但我仍然得到同样的东西。如何使用 ~ 配置 rollup-plugin-sass 以使用部分导入？