Целевая библиотека сборки Vue CLI 3 исключает общий стиль

В настоящее время я работаю над проектом Vue.js, где я использую Vue CLI 3 для создания компонентов в режиме библиотеки, например: vue-cli-service build --no-clean --target lib --name ComponentName.vue. Затем компоненты можно использовать на любом веб-сайте, если они зарегистрированы в экземпляре Vue.

Тем не менее, веб-сайт содержит свои собственные таблицы стилей и компонент. Чтобы разработать и увидеть фактические стили, применяемые к компоненту, я должен использовать эти (общие) стили в каждом разрабатываемом компоненте. Поэтому они также находятся в скомпилированных таблицах стилей после сборки компонента с помощью указанной выше команды (vue-cli-service build).

Мой вопрос: Могу ли я исключить (общие) стили при создании компонента? Я ничего не могу найти об этом в документации (https://cli.vuejs.org/) . Если бы кто-нибудь мог предоставить ответ или обходной путь (Webpack), это было бы очень признательно.

Спасибо заранее!


person Kim Boender    schedule 09.12.2019    source источник
comment
О каких компонентах мы говорим? Не могли бы вы удалить стили компонентов, а затем построить без стилей, чтобы можно было применять стили сверху?   -  person mahatmanich    schedule 09.12.2019
comment
Вариантов пренебречь стайлингом я не видел...   -  person mahatmanich    schedule 09.12.2019
comment
Речь идет о многих компонентах (50+). Конечно, я мог бы удалить стили перед сборкой. Но будет лучше, если стили (@import), импортированные из определенной папки, можно будет исключить при сборке компонента.   -  person Kim Boender    schedule 10.12.2019


Ответы (1)


Я не уверен, правильно ли я вас понял, но есть возможность встроить эти стили в сами компоненты, что было бы намного проще для разработки.

https://cli.vuejs.org/guide/build-targets.html#app

dist/myLib.css:

Извлеченный файл CSS (можно сделать встроенным, установив css: { extract: false } в vue.config.js)

person mahatmanich    schedule 09.12.2019
comment
Видел это. Это не то, что я ищу. Каждый встроенный компонент должен состоять из файла .css, .js и .html. Файл .css должен содержать только стили, специфичные для компонента, и все общие стили должны быть исключены из этого файла. - person Kim Boender; 10.12.2019
comment
Спасибо, что подумали вместе! - person Kim Boender; 10.12.2019