@ emotion/ stylis

Stylis 的自定义构建

@emotion/stylis 是一个版本 样式 稍作修改使其变小。 唯一可以更改的 Stylis 选项是 prefix,则其他选项已经设置到下面的数值,不能更改。 此套件也只导出构造器, 所以您必须这样做 new Stylis() 而不是直接打电话 Stylis。该函数的结果也不能用来创建与样式不同的样式实例.

type Options = {
  global: false,
  preserve: false,
  keyframe: false,
  semicolon: true,
  cascade: true,
  compress: false,
  prefix: boolean | ((key: string, value: string, context: number) => boolean)
}

import Stylis from '@emotion/stylis'

const stylis = new Stylis()

stylis('.css-hash', 'display:flex;') // .css-hash{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

构建此软件包

要从更新版本的stylis来构建此软件包, 更新安装为 devDependency并运行的stylis版本 node build.js 在此软件包的目录中。 这会读取Styplis的来源, 稍作修改,使用 Google 关闭编译器 REST API 将它修改,格式化为Pretier,然后将其写入 src/stylis.min.js。 。 。 .

谢谢

Stylis 作者为 塔里莫苏丹。 。 。