1.0.3 • Published 9 months ago

postcss_px_to_viewport_plugin_wasm v1.0.3

Weekly downloads
-
License
ISC
Repository
-
Last release
9 months ago

基于Wasm实现对html字符串中px单位的转换,配合 postcss-px-to-viewport-8-plugin实现移动端适配,解决js正则替换实现方式对长文本处理时的性能问题。

Vite使用

https://cn.vitejs.dev/guide/features.html#webassembly

安装vite-plugin-wasm

https://github.com/Menci/vite-plugin-wasm

yarn add -D vite-plugin-wasm
yarn add -D vite-plugin-top-level-await
import wasm from "vite-plugin-wasm";
import topLevelAwait from "vite-plugin-top-level-await";

export default defineConfig({
  plugins: [
    wasm(),
    topLevelAwait()
  ]
});

安装本项目:

yarn add -D postcss_px_to_viewport_plugin_wasm
import { convert_px_to_vw } from "postcss_px_to_viewport_wasm_plugin";

const res = convert_px_to_vw(str,{
     viewportWidth: 750, // 750设计稿的viewport
     ignoreUnitCase: true, // 转换单位是否忽略大小写
     unitPrecision: 2, // 单元精度
})
1.0.3

9 months ago

1.0.2

9 months ago

1.0.1

9 months ago