node-sass-magic-importer 项目教程

node-sass-magic-importer 项目教程

node-sass-magic-importerCustom node-sass importer for selector specific imports, module importing, globbing support and importing files only once.项目地址:https://gitcode.com/gh_mirrors/no/node-sass-magic-importer

1. 项目的目录结构及介绍

node-sass-magic-importer 项目采用 monorepo 管理方式，包含多个 npm 包。以下是项目的目录结构概览：

node-sass-magic-importer/
├── packages/
│   ├── node-sass-glob-importer/
│   ├── node-sass-magic-importer/
│   ├── node-sass-once-importer/
│   ├── node-sass-package-importer/
│   ├── node-sass-selector-importer/
│   ├── node-sass-filter-importer/
│   └── ...
├── README.md
├── package.json
└── ...

目录结构介绍

• packages/：包含所有相关的 npm 包。
  • node-sass-glob-importer/：支持 glob 语法的 importer。
  • node-sass-magic-importer/：整合所有 importer 功能的包。
  • node-sass-once-importer/：确保文件只被导入一次的 importer。
  • node-sass-package-importer/：用于导入 node_modules 中的 Sass 文件的 importer。
  • node-sass-selector-importer/：支持选择器特定导入的 importer。
  • node-sass-filter-importer/：支持过滤特定类型节点的 importer。
• README.md：项目说明文档。
• package.json：项目的主配置文件。

2. 项目的启动文件介绍

node-sass-magic-importer 项目没有传统意义上的“启动文件”，因为它主要提供了一系列的 node-sass 自定义 importer。每个包都有自己的入口文件，通常是 index.js 或 main.js。

例如，node-sass-magic-importer 包的入口文件可能是：

packages/node-sass-magic-importer/index.js

这个文件导出了该包的主要功能，供其他项目或模块使用。

3. 项目的配置文件介绍

node-sass-magic-importer 项目的配置主要通过 package.json 文件进行管理。每个包都有自己的 package.json 文件，定义了包的名称、版本、依赖等信息。

主配置文件

node-sass-magic-importer/package.json 文件示例：

{
  "name": "node-sass-magic-importer",
  "version": "5.3.2",
  "description": "Custom node-sass importer for selector specific imports, module importing, globbing support and importing files only once.",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/maoberlehner/node-sass-magic-importer.git"
  },
  "author": "Markus Oberlehner",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/maoberlehner/node-sass-magic-importer/issues"
  },
  "homepage": "https://github.com/maoberlehner/node-sass-magic-importer#readme",
  "dependencies": {
    "node-sass": "^4.0.0"
  }
}

子包配置文件

每个子包的 package.json 文件类似，定义了该包的特定信息和依赖。例如，node-sass-glob-importer 包的 package.json 文件：

{
  "name": "node-sass-glob-importer",
  "version": "1.0.0",
  "description": "Allows you to use glob syntax in Sass imports.",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Markus Oberlehner",
  "license": "MIT",
  "dependencies": {
    "node-sass

node-sass-magic-importerCustom node-sass importer for selector specific imports, module importing, globbing support and importing files only once.项目地址:https://gitcode.com/gh_mirrors/no/node-sass-magic-importer