#样式表 #CSS #编译器 #玻璃画架 #转换 #隔离 #压缩

bin+lib glass-easel-stylesheet-compiler

玻璃画架项目的样式表编译器

15 个版本 (8 个重大变更)

0.9.0 2024 年 8 月 7 日
0.8.2 2024 年 7 月 24 日
0.7.0 2024 年 6 月 25 日
0.3.1 2024 年 3 月 1 日
0.1.1 2023 年 2 月 3 日

#1219 in 网络编程

Download history 259/week @ 2024-05-06 253/week @ 2024-05-13 158/week @ 2024-05-20 5/week @ 2024-06-10 322/week @ 2024-06-17 121/week @ 2024-06-24 47/week @ 2024-07-01 120/week @ 2024-07-08 246/week @ 2024-07-22 14/week @ 2024-07-29 113/week @ 2024-08-05

每月 378 次下载

MIT 许可证

65KB
1.5K SLoC

glass-easel-stylesheet-compiler

玻璃画架项目的样式表编译器。

此工具可以帮助

  • rpx 转换为 vw ;
  • 通过类前缀处理样式隔离选项;
  • 压缩输出 CSS。

有关详细信息,请参阅 glass-easel 项目。

构建

rust 工具链和 wasm-pack 应该全局安装。

构建 WebAssembly 二进制文件

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

构建二进制文件

cargo build --release

JavaScript 接口

此工具可以在 webpack 中使用,例如 glass-easel-miniprogram-webpack-plugin .

但是,如果您想直接调用它,请参阅下面的示例。

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()

依赖项

~14–26MB
~390K SLoC