Я пытаюсь перенести библиотеку vue-material в 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) Ошибка: Ошибка: Can 'найти таблицу стилей для импорта.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 для использования частичного импорта, используя ~?