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

bin+lib glass-easel-stylesheet-compiler

The stylesheet compiler of the glass-easel project

18 releases (9 breaking)

0.10.3 Oct 17, 2024
0.9.0 Aug 7, 2024
0.8.2 Jul 24, 2024
0.3.1 Mar 1, 2024
0.1.1 Feb 3, 2023

#320 in WebAssembly

Download history 248/week @ 2024-07-23 12/week @ 2024-07-30 114/week @ 2024-08-06 3/week @ 2024-08-13 316/week @ 2024-09-10 154/week @ 2024-09-17 36/week @ 2024-09-24 37/week @ 2024-10-01 1/week @ 2024-10-08 135/week @ 2024-10-15 5/week @ 2024-10-22 4/week @ 2024-11-05

144 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

~15–26MB
~377K SLoC