node-sass: 文件导入未找到或无法读取：./node_modules/

Question

这是我的项目文件/文件夹结构：

myproject/
  themes/
    mytheme/
      .node_modules/
      source/
        css/
          mytheme.sass
      _config.yml
      package.json

因此，我修改了myproject/themes/mytheme/source/css/mytheme.sass文件以导入两个node_modules/包:

@import "./node_modules/minireset.css/minireset.sass"
@import "./node_modules/components-font-awesome/scss/font-awesome"

但是当我执行hexo server命令并在本地服务器上浏览时，在终端中会收到以下错误信息：

Error: File to import not found or unreadable: ./node_modules/minireset.css/minireset.sass.
Error: File to import not found or unreadable: ./node_modules/components-font-awesome/scss/font-awesome.

那么，我该如何将这些包导入到我的主SASS文件中呢？我正在使用hexo-renderer-sass (https://github.com/knksmith57/hexo-renderer-sass)。

谢谢。

- Jonathan

Answer 1

您的Sass文件路径必须相对于当前Sass文件。

@import "../../node_modules/minireset.css/minireset.sass"
@import "../../node_modules/components-font-awesome/scss/font-awesome"

- klugjo