stylus如何引用

Stylus 是一个功能强大的 CSS 预处理器，它允许开发者使用类似 JavaScript 的语法来编写 CSS。以下是如何在项目中引用 Stylus 的几种方法：

1. 使用 npm 安装

你需要通过 npm（Node Package Manager）安装 Stylus。在你的项目目录中，打开终端并运行以下命令：

```bash

npm install stylus --save-dev

```

这条命令会将 Stylus 添加到你的 `package.json` 文件中的 `devDependencies` 部分。

2. 在项目中引入 Stylus

安装完成后，你可以在你的项目中创建 `.styl` 文件，并在你的 HTML 或 JavaScript 文件中引入它。

HTML 引入

在你的 HTML 文件中，你可以使用 `` 标签来引入 Stylus 文件：

```html

```

JavaScript 引入

如果你使用 JavaScript 来引入 Stylus 文件，你可以使用 Node.js 的 `require` 或 `import` 语句：

```javascript

// 使用 require

const stylus = require('stylus');

const fs = require('fs');

fs.readFile('styles/main.styl', (err, data) => {

if (err) throw err;

stylus(data)

.set('filename', 'styles/main.styl')

.render((err, css) => {

if (err) throw err;

console.log(css);