У меня есть проект create-Reaction-app, использующий абсолютные модули импорта и css (scss).Я пытаюсь определить пользовательский шрифт, но импорт не решается.
Попробовал все, что предлагается в документации.
структура моей папки
jsconfig.json
public
src
L assets
L fonts
L impact.ttf
L index.js
L index.scss
в моем index.scss
@font-face {
font-family: 'impact';
src: url(./assets/fonts/impact.ttf) format('ttf');
}
my jsconfig.json (для абсолютного импорта)
{
"compilerOptions": {
"baseUrl": "src"
},
"include": ["src"]
}
Мой index.js импортирует import './index.scss'
вверху файла.когда я пытаюсь скомпилировать этот код, мой компонент выдает ошибку, говоря, что файл шрифта не может быть решен ...
Module not found: Can't resolve './assets/fonts/brush.ttf' in '/Users/xxx/project/src/containers/mycomponent'
Также с использованием node-sass
, чтобы работали файлы scss.Не могу понять это ... 1019 *