https://github.com/axept/prejss-cli

CLI for PreJSS - get ES6 modules with JSS styles from CSS/SCSS/LESS styles or CSS frameworks
https://github.com/axept/prejss-cli

cli cli-app converter css-in-js jss prejss

Last synced: about 1 year ago
JSON representation

CLI for PreJSS - get ES6 modules with JSS styles from CSS/SCSS/LESS styles or CSS frameworks

• Host: GitHub
• URL: https://github.com/axept/prejss-cli
• Owner: axept
• License: mit
• Created: 2017-03-04T19:07:10.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-04-12T14:01:04.000Z (about 9 years ago)
• Last Synced: 2025-03-20T22:08:34.114Z (over 1 year ago)
• Topics: cli, cli-app, converter, css-in-js, jss, prejss
• Language: JavaScript
• Homepage: https://github.com/axept/prejss
• Size: 21.5 KB
• Stars: 12
• Watchers: 8
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
prejss-cli

====

[![Travis branch](https://img.shields.io/travis/axept/prejss-cli/master.svg?style=flat-square)](https://travis-ci.org/axept/prejss-cli)

[![npm version](https://img.shields.io/npm/v/prejss-cli.svg?style=flat-square)](https://www.npmjs.com/package/prejss-cli)

[![npm downloads](https://img.shields.io/npm/dt/prejss-cli.svg?style=flat-square)](https://www.npmjs.com/package/prejss-cli)

[![npm license](https://img.shields.io/npm/l/prejss-cli.svg?style=flat-square)](https://www.npmjs.com/package/prejss-cli)

Command-Line Interface (CLI) interface for converting CSS/SCSS/LESS/other files to ES6 modules with JSS objects or to JSON files using any [PreJSS](https://github.com/axept/prejss) parser and config.

## Examples

```bash

# Convert CSS file to JSON in current directory

prejss-cli -f json source.css --pretty

# Convert CSS file to ES6 in current directory

prejss-cli source.css

# Convert all CSS in specified directory to ES6 in ./examples/dist

prejss-cli examples/src --out-dir ./examples/dist

# Convert CSS in specified directory to ES6 in the same directory

# using specified parser (which should be installed as prejss-NAME-parser package)

npm install -g prejss-postcss-parser

prejss-cli examples/src --parser postcss

# Convert SCSS files only in specified directory to ES6 modules with JSS objects

# using specified parser and config

npm install -g postcss-import postcss-simple-vars postcss-sassy-mixins

prejss-cli bootstrap/v4-dev/scss/**/*.scss --parser postcss --out-dir ./bootstrap4-jss \

  --config plugins=postcss-import,postcss-simple-vars,postcss-sassy-mixins

```