PostCSS Calc 使用教程

PostCSS Calc 使用教程

postcss-calcPostCSS plugin to reduce calc()项目地址:https://gitcode.com/gh_mirrors/po/postcss-calc

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

postcss-calc/
├── CHANGELOG.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── index.js
├── package.json
├── src/
│   ├── index.js
│   ├── lib/
│   │   ├── calc.js
│   │   ├── clone.js
│   │   ├── convert.js
│   │   ├── evaluate.js
│   │   ├── parse.js
│   │   ├── reduce.js
│   │   └── walk.js
│   └── options.js
└── test/
    ├── basic.js
    ├── calc.js
    ├── clone.js
    ├── convert.js
    ├── evaluate.js
    ├── parse.js
    ├── reduce.js
    └── walk.js

• CHANGELOG.md: 记录项目的变更日志。
• CONTRIBUTING.md: 贡献指南。
• LICENSE: 项目许可证。
• README.md: 项目介绍和使用说明。
• index.js: 项目的入口文件。
• package.json: 项目的依赖和脚本配置。
• src/: 源代码目录。
  • index.js: 源代码入口文件。
  • lib/: 核心功能模块。
• test/: 测试文件目录。

2. 项目的启动文件介绍

index.js 是项目的启动文件，它导入了 src/index.js 中的主要功能模块，并提供了对外的接口。

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

3. 项目的配置文件介绍

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

{
  "name": "postcss-calc",
  "version": "7.0.5",
  "description": "PostCSS plugin to reduce calc()",
  "main": "index.js",
  "scripts": {
    "test": "jest",
    "lint": "eslint src test"
  },
  "keywords": [
    "css",
    "postcss",
    "postcss-plugin"
  ],
  "author": "Andy Jansson",
  "license": "MIT",
  "dependencies": {
    "postcss": "^7.0.32",
    "postcss-value-parser": "^4.1.0"
  },
  "devDependencies": {
    "eslint": "^6.8.0",
    "eslint-config-postcss": "^3.0.7",
    "jest": "^25.1.0"
  },
  "jest": {
    "testEnvironment": "node"
  }
}

• name: 项目名称。
• version: 项目版本。
• description: 项目描述。
• main: 入口文件。
• scripts: 脚本命令。
• dependencies: 生产环境依赖。
• devDependencies: 开发环境依赖。
• jest: Jest 测试配置。

postcss-calcPostCSS plugin to reduce calc()项目地址:https://gitcode.com/gh_mirrors/po/postcss-calc