vite.config.js配置 import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpostcsspxtoviewport8pluginfrom'postcss-px-to-viewport-8-plugin';// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue(),],css:{postcss:{plugins:[postcsspxtoviewport8plugin({unitToConvert:'px...
3、element-ui、vant-ui 等UI组件库 默认会被转换 1.下载 postcss-px-to-viewport 插件 npm i postcss-px-to-viewport--save-dev 2.在vite.config.ts中添加配置 第一种配置: import pxtovw from 'postcss-px-to-viewport'const loder_pxtovw = pxtovw({//这里是设计稿宽度 自己修改viewportWidth: 1920,...
3、element-ui、vant-ui 等UI组件库 默认会被转换 1.下载 postcss-px-to-viewport 插件 npm i postcss-px-to-viewport --save-dev 1. 2.在vite.config.ts中添加配置 第一种配置: import pxtovw from 'postcss-px-to-viewport' const loder_pxtovw = pxtovw({ //这里是设计稿宽度 自己修改 viewportWid...
在vite.config.js 中添加如下配置: import { defineConfig } from "vite"; import { resolve } from "path"; import vue from "@vitejs/plugin-vue"; import Components from "unplugin-vue-components/vite"; import { VantResolver } from "unplugin-vue-components/resolvers"; import px2viewport from...
Vant 默认使用 px 作为样式单位,如果需要使用 viewport 单位 (vw, vh, vmin, vmax),推荐使用 postcss-px-to-viewport进行转换。postcss-px-to-viewport是一款 PostCSS 插件,用于将 px 单位转化为 vw/vh 单位。 首先我们按照vant官网步骤安装vant,此过程省略。
npm i cnjm-postcss-px-to-viewport 锁死v0.0.2,则为不更新postcss版本 一直希望在vite中 使用 postcss-px-to-viewport 时可以设置不同的设计尺寸,比如vant是375设计的 而我们可能是750或其他尺寸,一直找了好久都没有合适的解决方案(有个webpack的,不过vite的貌似不行),如果有知道其他好的解决方法的,麻烦告知...
vite.config.ts importpptv,{AcceptedPlugin}from"postcss-px-to-viewport-8-plugin";constload_pptv:...
npm i -D postcss-px-to-viewport-8-plugin@^1.1.3 3、添加配置文件 postcss.config.cjs 此处注意是cjs结尾,否则会报如下错误 [vite] Internal server error: Failed to load PostCSS config (searchPath: F:/09-29desk_backup/疫情地图/vant-demo/vant/vite/my- ...
import { Button } from 'vant' const app = createApp(App) app.use(Button) app.mount('#app') 1. 2. 3. 4. 5. 6. 7. 8. <van-buttontype="primary">主要按钮</van-button> 1. 安装px转rem插件 npm install postcss-px2rem-exclude lib-flexible -s ...
import { createApp } from 'vue' import App from './App.vue' import { Button } from 'vant' const app = createApp(App) app.use(Button) app.mount('#app') 代码语言:javascript 复制 <van-button type="primary">主要按钮</van-button> 安装px转rem插件 代码语言:javascript 复制 npm install ...