如何在Typo3 12中从scss链接png或其他来源？

Question

Typo3 12 将所有扩展移至供应商文件夹（因此 /public 文件夹表单扩展不再是公开的），并在“_assets”文件夹中为每个扩展创建了一个散列命名的文件夹，因此可以执行此操作：

.icon-metal-detection {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/_assets/5f2f0b71dc3c27d2b89fdb263ae9883e/Icons/icon.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

但是，该文件夹名称将来是否会更改或从一个typo3安装更改为另一个？ （本地、开发、登台、产品）

另外，我怎么知道我的扩展程序的“散列命名”，没有任何参考来知道哪个是哪个。到现在我都一一打开才知道哪一个是我需要的，但这很不切实际。

干杯

Answer 1

最简单的方法是使其与 scss/css 文件相关

.icon-metal-detection {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../Icons/icon.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}