Sheetify 开源项目教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00054/article/details/141764987

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"
  }
}