Next.js: Import SASS File

20th August 2020 at 2:19pm
Next.js

在 Next.js 中 导入 SASS 文件

下面以 Bulma 为例,说明下具体怎么做。

  1. npm install --save bulma
  2. 安装 @zeit/next-sass
  3. 新建 styles/style.sass 文件,写入:
    @charset "utf-8"
    @import "../node_modules/bulma/bulma.sass"

    如果想对 Bulma 做修改和扩展,参考 CSS: Preprocessor: SASS: Customize Existing Library

然后按 Next.js: Import Global Stylesheets / Script Files 使其成为公共样式表即可。