sass-vars-loader 使用教程

sass-vars-loader 使用教程

sass-vars-loaderUse Sass variables defined in Webpack config or in external Javascript or JSON files项目地址:https://gitcode.com/gh_mirrors/sa/sass-vars-loader

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

sass-vars-loader/
├── LICENSE
├── README.md
├── index.js
├── package.json
├── src/
│   ├── index.js
│   ├── loader.js
│   └── utils.js
└── test/
    ├── fixtures/
    │   ├── basic/
    │   │   ├── entry.js
    │   │   ├── style.scss
    │   │   └── vars.json
    │   └── complex/
    │       ├── entry.js
    │       ├── style.scss
    │       └── vars.json
    ├── index.js
    └── utils.js

• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• index.js: 项目入口文件。
• package.json: 项目依赖和配置文件。
• src/: 项目源代码目录。
  • index.js: 源代码入口文件。
  • loader.js: 加载器实现文件。
  • utils.js: 工具函数文件。
• test/: 测试代码目录。
  • fixtures/: 测试用例文件。
    • basic/: 基本测试用例。
    • complex/: 复杂测试用例。
  • index.js: 测试入口文件。
  • utils.js: 测试工具函数文件。

2. 项目的启动文件介绍

项目的启动文件是 index.js，它位于项目根目录下。该文件主要负责导出 sass-vars-loader 的主要功能。

module.exports = require('./src');

3. 项目的配置文件介绍

项目的配置文件是 package.json，它包含了项目的依赖、脚本和其他配置信息。

{
  "name": "sass-vars-loader",
  "version": "1.0.0",
  "description": "Webpack loader for injecting Sass variables from JSON or JS files",
  "main": "index.js",
  "scripts": {
    "test": "mocha"
  },
  "keywords": [
    "sass",
    "webpack",
    "loader",
    "variables"
  ],
  "author": "epegzz",
  "license": "MIT",
  "dependencies": {
    "loader-utils": "^1.1.0",
    "lodash": "^4.17.11"
  },
  "devDependencies": {
    "chai": "^4.2.0",
    "mocha": "^5.2.0",
    "webpack": "^4.29.0"
  }
}

• name: 项目名称。
• version: 项目版本。
• description: 项目描述。
• main: 项目入口文件。
• scripts: 项目脚本命令。
• keywords: 项目关键词。
• author: 项目作者。
• license: 项目许可证。
• dependencies: 项目依赖包。
• devDependencies: 开发环境依赖包。

sass-vars-loaderUse Sass variables defined in Webpack config or in external Javascript or JSON files项目地址:https://gitcode.com/gh_mirrors/sa/sass-vars-loader