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