Stylus是一個CSS預處理器，它可以讓你以一種更加簡潔優雅的方式來編寫CSS。它支持類似JavaScript的語法，包括變量、函數、條件語句和循環等等。Stylus的語法非常靈活，可以大大減少CSS的代碼量，提高代碼的可維護性。

然而，Stylus編寫的樣式表不能直接在瀏覽器中使用。因此，我們需要將Stylus樣式表編譯成普通的CSS文件，以便可以在網頁中使用。這就需要Stylus轉CSS。

//stylus代碼
background-color: #f00
//編譯后的CSS代碼
background-color: #f00;

在Node.js環境中，有很多可以用來將Stylus轉CSS的工具，如Gulp、Grunt、Webpack等等。這些工具可以將Stylus代碼自動編譯成CSS代碼，并將其保存到指定的文件中。

下面是一個使用Gulp將Stylus轉CSS的例子：

//引入gulp和gulp-stylus
const gulp = require('gulp');
const stylus = require('gulp-stylus');
//定義任務：將stylus文件編譯為CSS文件
gulp.task('stylusToCss', function() {
return gulp.src('src/*.styl')
.pipe(stylus())
.pipe(gulp.dest('dist'));
});

這段代碼定義了一個名為“stylusToCss”的Gulp任務，它的作用是將“src”目錄下的所有“.styl”文件編譯為CSS文件，并將其保存到“dist”目錄中。在命令行中運行“gulp stylusToCss”即可執行該任務。

Stylus轉CSS是前端開發中常用的一個步驟。通過使用Gulp、Grunt等工具，我們可以自動化這個過程，大大提高開發效率。