Компонент Shared Vue: клиент должен вручную импортировать CSS

Question

Я создал общий компонент Vue, используя TypeScript. После сборки генерируется отдельный файл CSS. Когда клиент импортирует этот компонент, CSS не импортируется автоматически. Это должно быть явно импортировано. Как мы можем позволить клиенту автоматически импортировать его? Что не так в моей конфигурации? Вот исходный код

Например:

import msplit from 'msplit';
import 'msplit/dist/lib/lib.css';

Vue.use(msplit);

Answer 1

В проекте Vue CLI CSS по умолчанию извлекается в отдельный файл в производственной сборке.

Вы можете отключить эту функцию с помощью css.extract=false в <projectRoot>/vue.config.js:

module.exports = {
  css: {
    extract: false
  }
}