Структура импорта узла стилуса - бутстрап и jeet

Question

Я новичок в компиляции css. В настоящее время у меня есть приложение node.js с использованием экспресс-и предварительно скомпилированных загрузочных файлов, и я погружаюсь в Stylus, чтобы сделать это лучше. Я хочу скомпилировать Stylus и импортировать bootstrap с помощью jeet для grid-системы.

Мой вопрос в том, как это должно работать? Я смущен тем, что использовал хрюканье или почему некоторые учебные пособия показывают, что Stylus используется в качестве промежуточного программного обеспечения. Это то, что промежуточное ПО компилирует его в реальном времени и зачем мне это нужно?

Также я побежал npm install bootstrap-styl и npm install jeet, но я не уверен, как ссылаться на них в моем styles.styl (Если я @import bootstrap, он не может найти файлы)

Моя мысль в том, что я хочу чтобы каким-то образом связать импорт с моими node_modules, чтобы их можно было обновлять текущим образом (я не хочу просто копировать загрузочные файлы .styl из папки node_modules, верно?). Это то, для чего я буду использовать Grunt?

Answer 1

well grunt - это программа задач, которая позволяет вам писать задачи для запуска, а также автоматизировать (если задано) или вручную.

Grunt может следить за изменениями файлов/папок и вызывать некоторые функции или задачи (если хотите), точно так же, как функция fileWatch (в модуле fs) делает в node.js, и задачами может быть что-то действительно от импорта jeet в ваш стилус перед компиляцией, чтобы запустить ваши тесты и обновить браузер. В вашей ситуации лучше всего использовать grunt для автоматизации (импорта jeet-файлов и их компиляции). Грунт прост в использовании, вы можете посмотреть https://www.npmjs.com/package/grunt-contrib-stylus, он имеет информацию, необходимую для использования стилуса.

Удостоверьтесь, что вы установили команду grunt для командной строки, а другую для вашего проекта.

Затем в корне вашего проекта вы создаете файл gruntfile.js и размещаете там свои задачи для ворчания, вы можете сделать некоторые статьи об этом в Google, довольно просто.