Как автоматически компилировать Stylus в VSCode?

Question

[McHack]

Встал вопрос на повестке дня. Можно ли автоматически компилировать Stylus в CSS в той же папке и с тем же названием без использования сборщиков (WebPack, Gulp)? Перерыл кучу тем, не нашел ничего толкового или понятного для себя. Может кто подскажет?

Answer 1

[Даниил Маслов]

1. npm install stylus -g
2. stylus -w folder/

Если интересно больше возможностей работы, то stylus -h вам в помощь.

Comments

[McHack]

Спасибо, создал таску (task.json), если подскажете как ее запускать автоматом при старте проекта, будет вообще очень хорошо. Однако есть две проблемы, при старте данная таска компилирует все файлы что есть на проекте, а этого бы делать нежелательно. Также если создать файл во время ее работы, то его автоматически невидим до перезапуска.

Понятно почему, однако, может у вас завалялось какое решение данным проблемам)

[McHack]

Также он смотрит только на ту дерректорию, что ему указали, вложенные папки он уже не видит

[ZHeka]

McHack, Привет! Удалось ли решить задачу с тем чтобы внутрь директорий проваливаться?

[McHack]

ZHeka, да, поставь вот это расширение для ВСКоды:
Name: Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro
Id: wscats.eno
Description: Easy to compile ts, tsx, scss, less, stylus, jade, pug and es6+ on save without using a build task.
Version: 2.3.53
Publisher: Eno Yao
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemNam...

[ZHeka]

McHack, спасибо! Супер-выручил!
но как говорится, всегда мало)
Случайно не знаешь как сделать так, чтобы еще поменять в .js файлах путь на .css и удалить .stylys

))

[McHack]

ZHeka, тут ужу сборщик нужен (Webpack и т.д.). Автоматом вроде никак.

[Даниил Маслов]

ZHeka, может проще и быстрее будет просто найти всех вхождения и заменить их? это можно через любую IDE сделать.

[ZHeka]

s0xzwasd, да, походу. Вот столкнулся с тем, что на пет проекте все гуд отработало, а на рабочем, половину стилус файлов сконвертил, половину нет. у тебя не было такого? какое ограничение или чет подобное? у меня около 400 файлов по проекту