Vite+Vue3项目引入less报错？这样解决！ - 文章

最近发现了一款好用的 table 组件 - Surely Vue，但需要授权使用，否则有水印，那我就来看看他到底好用在哪？

然后我就整个 demo 查看一番，当我引入 import '@surely-vue/table/dist/index.less';文件时，直接给我报这一堆错

原来在 vite 中引入全局 less 文件需要在 vite.config.js 中进行配置~

typescript 复制代码

// vite.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  /******************************************/
  css:{
    preprocessorOptions:{
      less:{
        javascriptEnabled:true
      }
    }
  }
  /******************************************/
})