У меня есть проект Vue.js, использующий пользовательский интерфейс Vue с проектом Webpack, использующий маршрутизатор для нескольких «страниц».Я использую пароли SASS (SCSS) и импортирую их в отдельные компоненты.
<style lang="sass">
@import "@/css/modules/_style-guide.scss";
</style>
На каждой «странице» SASS (фактически визуализированный CSS) загружается в DOM в заголовке для всех компонентов, даже если они не импортируются в «страницу».
Добавление опции «scoped» по-прежнему загружает все файлы SASS, просто добавляет уникальный guid.
Я бы предпочел импортировать SASS, только если компонент присутствует на «странице».
Есть ли способ сделать это?