Использование переменной из API в scss

Question

У меня есть путь, который уже хранится в API. Поэтому, когда я вызываю это в машинописи, я просто набираю как ${var.image}/asset/image/image.png. Но что, если я использую эту переменную в моем s css? Единственное, что я мог сделать, это объявить $imageUrl: '../asset/image' и использовать его следующим образом:

//This is main.scss
$imagesUrl: '../assets/images';
.this_container {
   background: url(#{imagesUrl}/image.png)
}

//This is the mainPage.tsx
import * as React from 'react';
import './style/main.scss'

class Component extends React.Component<any, any> {
  render(){
    return(
      <div className='this_container'>
        <h1>This is the Container</h1>
      </div>
    )
  }
}

export default Component

любые идеи, как можно установить $var.imagesUrl, потому что это дает ошибку в s css .

Answer 1

вам не хватает $. Вы должны сделать

$imagesUrl: '../assets/images';
.this_container {
   background: url(#{$imageUrl}/image.png) 
}