vue3+vite 使用less全局变量

858 阅读1分钟

我这里的环境是vue3 和 vite
我在使用less全局变量时 一直报错 此次笔记是事发后一周后写的 所以当时报的什么错给忘了,大致意思就是用不了,缺少配置,当时百度找了下原因,好几个文章说的都是缺少包,装这个装那个,后来变了下关键词,说是在vite.config.ts文件中添加配置。

export default defineConfig({
  plugins: [vue(), vueJsx()],
  resolve: { // 配置全局引包路径 可将src替换为@
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url))
      }
  },
  css:{ // 在此处设置less全局变量配置
    preprocessorOptions:{
      less:{
        additionalData:'@import "./src/assets/css/global.less";' // 此处指定less全局变量样式文件
      }
    }
  }
})