#style-sheet #css #compiler #glass-easel #isolation #minify #rpx

bin+lib glass-easel-stylesheet-compiler

The stylesheet compiler of the glass-easel project

21 releases (11 breaking)

0.12.1 Feb 19, 2025
0.11.0 Dec 12, 2024
0.10.3 Oct 17, 2024
0.8.2 Jul 24, 2024
0.1.1 Feb 3, 2023

#197 in WebAssembly

Download history 23/week @ 2024-12-04 166/week @ 2024-12-11 3/week @ 2024-12-18 259/week @ 2025-02-19 9/week @ 2025-02-26 2/week @ 2025-03-05

270 downloads per month

MIT license

65KB
1.5K SLoC

glass-easel-stylesheet-compiler

The stylesheet compiler for the glass-easel project.

This tool can help:

  • convert rpx to vw ;
  • work with style isolation options through class-prefixes;
  • minify the output CSS.

Refer to the glass-easel project for further details.

Build

rust toolchain and wasm-pack should be globally installed.

Build WebAssembly binary:

wasm-pack build glass-easel-stylesheet-compiler --target nodejs --out-dir pkg-nodejs

Build binary:

cargo build --release

JavaScript Interface

This tool can be used in webpack, i.e. glass-easel-miniprogram-webpack-plugin .

However, if you want to call it directly, see the example below.

const { StyleSheetTransformer } = require('glass-easel-stylesheet-compiler')

// convert a CSS file
const rpxRatio = 750
const sst = new StyleSheetTransformer(PATH, CONTENT, CLASS_PREFIX, rpxRatio)

// get the CSS output
const ss = sst.getContent()

// get the source map if needed
sst.toSourceMap()

// free it if the source map is not required
sst.free()

Dependencies

~14–26MB
~373K SLoC