0

所以我一直在尝试将 .less 文件加载到我的 React.JS 项目中。让我的 AntDesign 主题工作。我的堆栈：React.JS - Typescript - Snowpack。并且想使用 AntDesign Theming，所以我需要让 Less.modifyVars 工作。

我找不到使用 Snowpack 的清晰教程来处理这个问题。我已经安装了 snowpack 插件：snowpack-plugin-less，snowpack.config.js 配置：

plugins: [
 ['snowpack-plugin-less',
  {
    javascriptEnabled: true,
    modifyVars: {
      'primary-color': '#1DA57A',
      'link-color': '#1DA57A',
      'border-radius-base': '8px',
      'btn-primary-bg': '#1DA57A',
    },
  }
]]

我少了：安装了 3.13.1。并添加了 import 'antd/dist/antd.less'；在我的 App.tsx 文件中。

加载导入'antd/dist/antd.css'；将使用样式正确更新 antDesign 组件。但不能使用 import 'antd/dist/antd.less'；

我确定我在某处缺少一些配置，但我无法弄清楚。一点帮助，也许使用我的技术堆栈的完整示例会很棒。谢谢！

4

0 回答 0