postcss_px_to_viewport_plugin_wasm

1.0.3 • Public • Published

🐺 postcss-px-to-viewport-wasm-plugin 🐺

基于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, // 单元精度
})

Package Sidebar

Install

npm i postcss_px_to_viewport_plugin_wasm

Weekly Downloads

0

Version

1.0.3

License

ISC

Unpacked Size

1.06 MB

Total Files

9

Last publish

Collaborators

  • kif_01