vite项目 postcss-px-to-viewport适配vant

最新推荐文章于 2025-09-29 18:16:21 发布

原创

最新推荐文章于 2025-09-29 18:16:21 发布 · 2.1k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#postcss #前端 #javascript

关于vite项目postcss-px-to-viewport适配vant的问题，网上很多文章都已经过时或者都是基于webpack的配置，很少vite相关的配置教程，故做一下笔记希望帮到正在踩坑的同学

postcss-px-to-viewport插件已经抛弃使用请使用postcss-px-to-viewport-8-plugin

（项目运行时会提示已弃用）

已经安装postcss-px-to-viewport先删除 npm uninstall postcss-px-to-viewpor

删除项目postcss.config.js

1.按照依赖
npm install postcss-px-to-viewport-8-plugin -D
 
2.vite.config.js配置如下
 
import postcsspxtoviewport8plugin from 'postcss-px-to-viewport-8-plugin';
 
export default defineConfig({
  plugins: [
    vue(),
  ],
  css: {
        postcss: {
            plugins: [
                postcsspxtoviewport8plu