解决vue3+Ts+vite项目按需引入vant时无法显示组件样式问题

最新推荐文章于 2024-05-01 10:00:25 发布

Erxattt5151

最新推荐文章于 2024-05-01 10:00:25 发布

阅读量1k

点赞数

文章标签：前端 javascript html5

本文链接：https://blog.csdn.net/weixin_45983109/article/details/128856734

版权

首先引入这个插件

 npm i vite-plugin-style-import@latest -D

再在vite.config.ts加入

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import {createStyleImportPlugin} from "vite-plugin-style-import";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
      vue(),
    createStyleImportPlugin({
      libs: [
        {
          libraryName: 'vant',
          esModule: true,
          resolveStyle: (name) => `vant/es/${name}/style/index`,
        },
      ],
    }),

  ],
})

运行程序，如果报错consola 没找到这个错误