vite2+vant+postcss搭建移动端

npm install vant -s
npm install vite-plugin-style-import -D

import vue from '@vitejs/plugin-vue';
import styleImport from 'vite-plugin-style-import';

export default {
  plugins: [
    vue(),
    styleImport({
      libs: [
        {
          libraryName: 'vant',
          esModule: true,
          resolveStyle: (name) => `vant/es/${name}/style`,
        },
      ],
    }),
  ],
};

import {
    createApp
} from 'vue'
import App from './App.vue'
import { Button } from 'vant'
const app = createApp(App)
app.use(Button)
app.mount('#app')

<van-button type="primary">主要按钮</van-button>

npm install postcss-px2rem-exclude lib-flexible -s

module.exports = {
    plugins: {
        "postcss-px2rem-exclude": {
            remUnit: 75,
            remPrecision: 2,
            exclude: /node_modules|folder_name/i
        }
    }
};

import 'lib-flexible'

git clone https://github.com/skywalk94/vite-demo