Почему css устанавливается при запуске npm install [someLibraryName]?

#css #vue.js #npm #webpack #vue-material

#css #vue.js #npm #webpack #vue-материал

Вопрос:

Когда я запускаю эту команду…

 npm install vue-material

Казалось, что он устанавливает и переопределяет некоторые css в моем приложении, вызывая конфликты css. Мне пришлось искать и находить точную часть css и переопределять ее непосредственно в разделе конкретного компонента vue.

Есть ли способ предотвратить это при установке новых пакетов NPM?

Технологии используют:

vue.js
webpack
материал-vue

1. Материал Vue , похоже, представляет собой набор стилизованных компонентов для использования с Vue framework. Как еще библиотека компонентов должна стилизовать вещи, кроме как с помощью CSS? Перед установкой пакета NPM вам действительно следует провести исследование, чтобы убедиться, что это то, что вы хотите…

2. Простая установка пакетов npm не переопределит ваш стиль, если вы не включите этот пакет где-нибудь в свое приложение. Кроме того, большинство фреймворков будут поставляться со своим собственным набором классов, поэтому, если вы используете этот фреймворк, вам нужно убедиться, что ваше соглашение об именовании классов не противоречит framework. Если вам нужно настроить тему, вы можете посмотреть документы по созданию тем

3. @HereticMonkey Я думаю, я не понимаю, как пакет npm install X включает свой собственный CSS глобально в мой проект? Где на него ссылаются?

4. @ljubadr хорошо, хорошо, если я включу vue-material css в компонент vue в моем приложении, который еще не был отрисован, почему этот импорт css в не отрисованный компонент должен переопределять css в другом компоненте? Дайте мне знать, если это имеет смысл

5. Вы следовали инструкциям из начала ? Вы добавляли import 'vue-material/dist/vue-material.min.css' в какой-либо момент?

Ответ №1:

Кажется, я нашел то, что искал спасибо @ljubadr за вашу помощь.

В руководстве по рекомендуемым материалам для начала работы с vue указано, что вы можете:

 import 'vue-material/dist/vue-material.min.css'

Однако, если вам нужен только один компонент, это должно работать для конкретных потребностей CSS в конкретном компоненте vue:

 import 'vue-material/dist/Components/MdCard/index.css'