Включите 'normalize-scss' в Vue CLI 3
Просто добавил пакет normalize-scss в мой новый проект Vue, но ни один из стилей не применяется ... Я пробовал оба:
@import 'normalize-scss' в моем styles.scss
import 'normalize-scss' на моей странице main.js
Я делаю что-то неправильно? Пакет явно присутствует, потому что приложение работает, но на самом деле оно не применяет никаких правил css.
Ответы 4
Не уверен, что это правильный способ сделать это, но, если вы используете vue-templates, возможно, вы можете попробовать импортировать стиль, сделав это:
<style lang = "scss">
@import 'src/assets/css/mycss_lib.css';
</style>
Также помните, не используйте scoped в тегах стиля. Вам также потребуются scss loader и node-sass, чтобы это работало.
Это работает для таблиц стилей, которые я добавил вручную, но не для этого пакета.
Я понял. normalize() нужно ставить после импорта. Так:
@import 'normalize-scss';
@include normalize();
после установки с помощью npm импортируйте его в начало файла main.js:
import "normalize.css"
В моем случае пришлось использовать import "~normalize.css"
Если у вас есть основной / глобальный файл scss, который вы уже используете:
- Добавьте в проект normalize.css (любой из них):
yarn add normalize.css(или npm) - в вашем main.scss, например:
@import '~normalize.css';
Обратите внимание на ~ на предмет двусмысленности, как сказано в документации: https://cli.vuejs.org/guide/css.html#referencing-assets
Вроде не все так просто: github.com/JohnAlbin/normalize-scss#how-to-use-it