Использование стилуса с Vue.js / Nuxt.js

Stylus по-прежнему является динамичным сообществом!

Для тех из вас, кто никогда не слышал о стилусе, он похож на sass / scss / less. Это препроцессор CSS, который ускоряет и упрощает итерацию интерфейсной разработки.



стилус / стилус
Stylus - это революционно новый язык, обеспечивающий эффективный, динамичный и выразительный способ создания CSS. Поддержка… github.com



Предположения:

  1. У вас уже установлен проект vue
  2. Вы знаете, что такое пряжа или нпм

В ПОРЯДКЕ! Давайте начнем

1. Установите стилус и стилус-загрузчик

npm install stylus stylus-loader -save-dev
// or
yarn install stylus stylus-loader --save-dev

2. Обновите компоненты Vue с помощью lang = "stylus"

Примечание: внутри тега стиля должен присутствовать lang="stylus", чтобы он работал. В противном случае он распознал бы его как CSS вместо стилуса. Требуется, чтобы каждый компонент, в котором вы пишете синтаксис стилуса.

Если все компилируется. Готово!

Ваше здоровье!

Ссылка:

Ссылка на Discord для поддержки стилуса: https://discord.gg/Qwphtkv



Выразительный, динамичный, надежный CSS
Установить Stylus очень просто, если у вас есть Node.js. Так что получите двоичные файлы для своей платформы и убедитесь, что они… stylus-lang.com





Как использовать стилус в теге стиля .vue с атрибутом lang · Проблема № 2746 · nuxt / nuxt.js
Во-первых, простите меня, если я несу чушь 😅 Всем привет, пытаюсь использовать стилус-загрузчик, как и мы… github.com