Вместо того, чтобы мой CSS превратился в строку для вставки на HTML-сайте сайта, я хочу, чтобы был создан обычный файл старой школы CSS, например bundle.js Я хочу bundle.css или что-то в этом роде.Как перенести Stylus в файл CSS в Gatsby?
Я не знаком с Webpack, но я подумал, что если я ставлю .styl файл под pages/ и создать Stylus погрузчик на gatsby-node.js это произошло бы волшебно, но это, кажется, не происходит.
Вам необходимо импортировать стили для их добавления на ваш сайт.
E.g. здесь по умолчанию gatsby starter импортирует файл scss https://github.com/gatsbyjs/gatsby-starter-default/blob/24f3536420f8cab56dc27a5ce6a78ea894cadae1/pages/sass.js#L2
Stylus не настроен для работы в Гэтсби по умолчанию.
Чтобы добавить поддержку, вам необходимо изменить конфигурацию Webpack, чтобы добавить поддержку загрузчика Stylus Webpack. Инструкции по Gatsby README о том, как это сделать: https://github.com/gatsbyjs/gatsby#how-to-use-your-own-webpack-loaders
Если вы действительно не любите Stylus, возможно, было бы проще использовать один из встроенных препроцессоров стилизации, например. Sass/SCSS, Less или PostCSS.
Но что будет с прерванным CSS? Будет ли он сохранен в файле? – fiatjaf