Sass 导入解析

Sass 导入解析 解决 Sass 进口的路径和内容, 如下 页:1 Sass 导入解析规格。 。 。 .

npm install @csstools/sass-import-resolve

解决方法

这个 resolve 方法取出任何路径并返回其绝对路径, 如 决议 Sass 导入解析规格。 。 。 .

import resolve from '@csstools/sass-import-resolve';

const { file } = resolve('path/to/sass-file');

这个 resolve 方法也可以返回已解决文件的内容.

const { file, contents } = resolve('path/to/sass-file', {
  readFile: true
});

这个 resolve 方法也可以从特定目录中解析路径.

const { file } = resolve('sass-file', {
  cwd: 'path/to'
});

这个 resolve 方法也可以共享其已解析的缓存.

const sharedCache = {};

const { file } = resolve('path/to/sass-file', {
  cache: sharedCache
});

/* sharedCache {
  "/absolute/path/to/sass-file": Promise {
    file,
    contents (when `readFile` is true)
  }
} */

决心算法

何时 @import 用于解决 文件在 url(id) 从 cwd数字 :

1. 若为 id 以 /
   1. cwd 是文件系统根
2. file 实值 cwd/id
3. base 是基础路径 file
4. dir 是目录路径 file
5. 若为 base 结尾 .sass, (中文(简体) ), .scss,或 .css
   1. 测试是否 file 已存在
   2. 若为 base 不从 _
      1. 测试是否 dir/_base 已存在
6. 否则
   1. 测试是否 dir/base.scss 已存在
   2. 测试是否 dir/base.sass 已存在
   3. 测试是否 dir/base.css 已存在
   4. 若为 base 不从 _
      1. 测试是否 dir/_base.scss 已存在
      2. 测试是否 dir/_base.sass 已存在
      3. 测试是否 dir/_base.css 已存在
7. 如果现有文件的长度是 1
   1. 返回现有文件
8. 否则,如果现有文件的长度大于 1
   1. 掷出 "It's not clear which file to import"
9. 否则,如果 base 不结束于 .css
   1. 掷出 "File to import not found or unreadable"

见 Sass 导入解析规格 更多细节.