无法通过vite.config.base.ts中的modifyVars修改arcoblue-6的颜色

[lichq5]

• [ ] I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: [email protected]
• Framework version: vue3.2
• Browser: chrome107.0.0.0

Extra info

import { resolve } from 'path'; import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import vueJsx from '@vitejs/plugin-vue-jsx'; import svgLoader from 'vite-svg-loader';

export default defineConfig({ plugins: [vue(), vueJsx(), svgLoader({ svgoConfig: {} })], resolve: { alias: [ { find: '@', replacement: resolve(__dirname, '../src'), }, { find: 'assets', replacement: resolve(__dirname, '../src/assets'), }, { find: 'vue-i18n', replacement: 'vue-i18n/dist/vue-i18n.cjs.js', // Resolve the i18n warning issue }, { find: 'vue', replacement: 'vue/dist/vue.esm-bundler.js', // compile template }, ], extensions: ['.ts', '.js'], }, define: { 'process.env': {}, }, css: { preprocessorOptions: { less: { modifyVars: { hack: true; @import (reference) "${resolve( 'src/assets/style/breakpoint.less' )}";, 'arcoblue-6': '#675edc', }, javascriptEnabled: true, }, }, }, });

What is expected?

arcoblue-6的颜色变成#675edc

Steps to reproduce

preprocessorOptions: { less: { modifyVars: { hack: true; @import (reference) "${resolve( 'src/assets/style/breakpoint.less' )}";, 'arcoblue-6': '#675edc', },

    javascriptEnabled: true,
  },
},