如何在scss文件中使用环境变量

Question

我有这个 scss 文件

 &__passo2 {
        width: 100%;
        height: auto;
        margin-bottom: 56px;
        margin-top: 14px;

        figure {
            height: 44vw;
            width: 70vw;;
            margin: 0 auto;
            background-image: url('../../../../assets/img/01.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            border: none;
        }
    }

我想在类似这样background-image中替换url

background-image: url(`${environment.baseUrl}/img/01.png`);

我的environment文件

export const environment = {
    production: false,
    verbose: true,
    baseUrl: 'http://localhost:9081/assets'
};

我在我的项目中使用了 angular 7，我在webpack config中看到了一些自定义环境变量的解决方案，但是我的项目没有这个文件，我并不真正了解它的用途以及如何配置