import{defineConfig}from'vite';importpostcsspxtoviewport8pluginfrom'postcss-px-to-viewport-8-plugin';exportdefaultdefineConfig({css:{postcss:{plugins:[postcsspxtoviewport8plugin({unitToConvert:'px',viewportWidth:file=>{letnum=1920;if(file.indexOf('m_')!==-1){num=375;}returnnum;},unitPrecis...
postcss-px-to-viewport 替换 postcss-px-to-viewport-8-plugin 修复因为postcss版本导致的atRule is not a constructor问题 对应库版本 "postcss":"^8.3.8",// 8.0.0版本都不会转单位"postcss-loader":"^6.1.1", 安装 npminstallpostcss-px-to-viewport-8-plugin-Doryarnaddpostcss-px-to-viewport-8-plugi...
postcss-px-to-viewport-8-plugin 是一个PostCSS插件,用于将以像素为单位的样式转换为视口单位(如vw、vh)的样式,实现移动端适配。 适配步骤 1、安装 npm install postcss-px-to-viewport-8-plugin --save-dev 2、在项目中的创建postcss.config.js 文件 添加postcss-px-to-viewport-8-plugin 插件的配置,具体示...
npm install postcss-px-to-viewport-8-plugin --save-dev 这里的 --save-dev 选项表示将这个插件作为开发依赖项安装到项目中。 等待安装完成: npm 会下载并安装指定的插件及其依赖项。这个过程可能需要一些时间,具体取决于你的网络连接速度和插件的大小。 验证插件是否成功安装: 安装完成后,你可以检查 package....
postcsspxtoviewport({unitToConvert:'px',// 需要转换的单位,默认为"px"viewportWidth:1920,// 设计稿的视口宽度unitPrecision:5,// 单位转换后保留的精度propList:['*'],// 能转化为vw的属性列表viewportUnit:'vw',// 希望使用的视口单位fontViewportUnit:'vw',// 字体使用的视口单位selectorBlackList:[...
npm install postcss-px-to-viewport-8-plugin -D 具体使用参考迁移指南npm仓库 https://www.npmjs.com/pa...
npm install postcss-px-to-viewport --save-dev 在postcss.config.js中配置: module.exports = { plugins: { 'postcss-px-to-viewport': { viewportWidth: 750, // 视窗的宽度,对应的是我们设计稿的宽度,一般是750 // viewportHeight: 1334, // 视窗的高度,根据750设备的宽度来指定,一般指定1334,也可以...
https://www.npmjs.com/package/postcss-px-to-viewport-8-plugin 2. 添加配置 以vite 项目为例,在 vite.config.ts 中 import postcsspxtoviewport8plugin from "postcss-px-to-viewport-8-plugin"; 1. defineConfig 中与 plugins 属性并列添加
class3 { font-size: 16px; line-height: 22px; } } 安装 npm install postcss-px-to-viewport-8-plugin -D or yarn add postcss-px-to-viewport-8-plugin -D 配置参数使用与 postcss-px-to-viewport 一致 默认选项: { unitToConvert: 'px', viewportWidth: 320, unitPrecision: 5, propList: ['...
npm uninstall postcss-px-to-viewport npm i -D postcss-px-to-viewport-8-plugin vite.config.ts ...