导入 .less 变量以在 React Styled Components 中使用

有可能的。我猜你使用 Webpack，你只需要配置 webpack 加载器，以便在import '*.less'找到时，它：

• 编译成 css 少
• 将 css 设置为 css 模块

webpack 配置如下所示：

rules: [
      {
        test: /\.less$/,
        use: [
          {
            loader: "style-loader"
          },
          {
            loader: "css-loader",
            options: {
              modules: true
            }
          },
          {
            loader: "less-loader"
          }
        ]
      }
    ]

来源：这里

请注意，在配置 webpack 加载器时，加载器（在use数组中）在编译时以相反的顺序调用。