Sheetify 开源项目教程
sheetify:sparkles: Modular CSS bundler for browserify项目地址:https://gitcode.com/gh_mirrors/sh/sheetify
1. 项目的目录结构及介绍
Sheetify 是一个用于模块化 CSS 的工具。以下是其基本的目录结构:
sheetify/
├── bin/
│ └── sheetify.js
├── lib/
│ ├── index.js
│ └── transform.js
├── test/
│ ├── index.js
│ └── transform.js
├── package.json
├── README.md
└── example/
├── index.js
└── style.css
bin/
:包含可执行文件。lib/
:包含主要的 JavaScript 文件。test/
:包含测试文件。example/
:包含示例文件。package.json
:项目的配置文件。README.md
:项目的说明文档。
2. 项目的启动文件介绍
Sheetify 的启动文件位于 bin/sheetify.js
。这个文件是命令行工具的入口点,负责处理命令行参数并调用相应的功能。
#!/usr/bin/env node
var path = require('path')
var minimist = require('minimist')
var browserify = require('browserify')
var sheetify = require('../')
var argv = minimist(process.argv.slice(2), {
alias: {
help: 'h',
version: 'v',
transform: 't'
},
boolean: ['help', 'version']
})
if (argv.version) {
console.log(require('../package.json').version)
process.exit(0)
}
if (argv.help) {
console.log(function () {
/*
usage: sheetify [entry] [options]
entry Entry file to transform
options:
-t, --transform Apply a transform to the bundle
-h, --help Print this message
-v, --version Print the version
*/
}.toString().split(/\n/).slice(1, -1).join('\n'))
process.exit(0)
}
var entry = argv._[0]
var b = browserify(entry, {
basedir: process.cwd()
})
b.transform(sheetify, {
transform: argv.transform
})
b.bundle().pipe(process.stdout)
3. 项目的配置文件介绍
Sheetify 的配置文件是 package.json
。在这个文件中,你可以找到项目的基本信息、依赖项以及脚本命令。
{
"name": "sheetify",
"version": "7.3.2",
"description": "Modular CSS bundler",
"main": "index.js",
"bin": {
"sheetify": "bin/sheetify.js"
},
"scripts": {
"test": "tape test/*.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/stackcss/sheetify.git"
},
"keywords": [
"css",
"browserify",
"transform",
"modular",
"bundle"
],
"author": "Gal Schlezinger",
"license": "MIT",
"bugs": {
"url": "https://github.com/stackcss/sheetify/issues"
},
"homepage": "https://github.com/stackcss/sheetify#readme",
"dependencies": {
"minimist": "^1.2.0",
"through2": "^2.0.3"
},
"devDependencies": {
"browserify": "^16.2.3",
"tape": "^4.9.1"
}
}
name
:项目的名称。version
:项目的版本。description
:项目的描述。main
:项目的主入口文件。bin
:可执行文件的映射。scripts
:自定义脚本命令。dependencies
:项目的依赖项。devDependencies
:开发环境的依赖项。
以上是 Sheetify 开源项目的目录结构、启动文件和配置
sheetify:sparkles: Modular CSS bundler for browserify项目地址:https://gitcode.com/gh_mirrors/sh/sheetify