Arco Design的主题切换

原创

已于 2025-01-03 16:42:38 修改 · 1.1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#arco design #chrome #前端

于 2025-01-03 16:36:55 首次发布

vite@5.4.10
@arco-design/web-vue@2.56.3

打包工具更改变量值

想通过打包工具替换样式变量，发现按照官网写了都没有生效。（其实是看漏了说明）

// vite.config.js
import {
   
    defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import config from './config'
const {
   
    port } = config
import path from 'path'

// https://vite.dev/config/
export default defineConfig({
   
   
  plugins: [vue()],
  server: {
   
   
    host: '0.0.0.0',
    port
  },
  css: {
   
   
    preprocessorOptions: {
   
   
      less: {
   
   
        modifyVars: {
   
   
          'arcoblue-6': '#ff0000'  // 对应的变量在node_model里，官方有说明