导入公用less文件 | Vue、Vite如何导入公用Less文件？

vue3 可使用以下配置:

// vue.config.js
module.exports = defineConfig({
  ..., // 其他配置
  css: {
    // css预设器配置项
    loaderOptions: {
      less: {
        additionalData: `@import '@/assets/common.less';`,
      },
    }
  }
})

vite 可使用以下配置:

// vite.config.js
export default defineConfig({
  base: './',
  outputDir: 'dist',
  css: {
    // css预处理器
    preprocessorOptions: {
      less: {
        charset: false,
        additionalData: '@import "./src/assets/common.less";',
      },
    },
  },
})