为什么汇总汇总插件无法使用〜看到导入？

Question

我正在尝试将Vue资料库移植到ESM，以便可以在项目中使用它。我正在尝试将汇总与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使用〜使用部分导入？