:root { --icon-url: '//at.alicdn.com/t/font_126288_147h8m0m5se5ewmi'; } @font-face { font-family: 'iconfont'; src: url(var(--icon-url)'.eot'); src: url(var(--icon-url)'.eot?#iefix') format('embedded-opentype'), url(var(--icon-url)'.woff') format('woff'), url(var(--icon-url)'.ttf') format('truetype'), url(var(--icon-url)'.svg#iconfont') format('svg'); } Module not found: Error: Can't resolve './var(--icon-url' in 'Users/xxx/xxx'
3 Réponses :
si vous souhaitez spécifier une URL dans une propriété personnalisée, vous devez écrire toute l'expression url () et la remplacer par cette expression entière:
:root { --url: url("https://download.unsplash.com/photo-1420708392410-3c593b80d416"); } body { background: var(--url); }
différents suffixes de fichiers définissent différentes variables? les variables peuvent-elles être suffixées sans le fichier?
@Jerome non ils ne peuvent pas
Variable CSS non prise en charge dans l'URL de src ou src.
:root { --icon-url: url('//at.alicdn.com/t/font_126288_147h8m0m5se5ewmi'); }