通过 less loader 配置的 less 变量不生效

[hululuuuuu]

详细描述你的问题

在 config.ts 配置 如下

在 web/pages/index/index.less 使用

结果是报错

@primarycolor 和 @primary-color 都试过了，用了 ant-design-vue4.x 不过感觉不是这个问题，和业务也没有关系 因为项目是刚搭建的就没有写业务

期望的结果

html视图对应相应的颜色

当前使用的版本

[zhangyuang]

可能得下周看看了 发自我的iPhone

…

------------------ 原始邮件 ------------------ 发件人: Gxs ***@***.***> 发送时间: 2023年9月15日 15:15 收件人: zhangyuang/ssr ***@***.***> 抄送: Subscribed ***@***.***> 主题: Re: [zhangyuang/ssr] 通过 less loader 配置的 less 变量不生效 (Issue #309) 详细描述你的问题 在 config.ts 配置 如下 在 web/pages/index/index.less 使用 结果是报错 @primarycolor 和 @primary-color 都试过了，用了 ant-design-vue4.x 不过感觉不是这个问题，和业务也没有关系 因为项目是刚搭建的就没有写业务 期望的结果 html视图对应相应的颜色 当前使用的版本 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[hululuuuuu]

OK ，下周再看也不急
更详细的报错大概是这样的，我一开始怀疑是 vite ，不过我看文档config.ts 暴露的可配置接口只有这些，就没深入了

[zhangyuang]

vite场景用法如下

import type { UserConfig } from 'ssr-types'

const userConfig: UserConfig = {
  css: () => {
    return {
      loaderOptions: {
        less: {
         
          modifyVars: {
            'primary-color': '#000'
          }
        }
      }
    }
  }
}

export { userConfig }

[zhangyuang]

最新版本兼容lessOptions入参

[hululuuuuu]

OK 我这边试过了 没问题。