Импорт модуля в машинописном тексте, который еще не существует, но будет присутствовать в каталоге сборки - PullRequest
Новая
       17

Импорт модуля в машинописном тексте, который еще не существует, но будет присутствовать в каталоге сборки

0 голосов
/ 10 ноября 2019

У меня есть модуль машинописи и файл sass для компонента, который существует в одном каталоге. Файл машинописного текста будет передаваться по некоторому пути в каталоге сборки, а файл sass также будет скомпилирован в файл css по тому же пути в каталоге сборки. Теперь я хочу импортировать строку css из скомпилированного файла, который существует в каталоге сборки. Но при импорте в машинописном тексте ошибка выдачи этого файла не существует. Теперь это правда, что CSS-файл, из которого я пытаюсь импортировать, еще не существует, но он будет представлен относительно скомпилированного файла JavaScript в каталоге сборки. Как решить эту проблему?

В машинописном файле я импортирую вот так 

import navbarStyles from './navbar.css';

Структура каталогов: 

- /navbar
| - navbar.ts
| - navbar.scss

Ожидаемый результат: я должен быть в состоянииимпортировать строку из css файла как положено.

1 Ответ

0 голосов
/ 10 ноября 2019

Вы можете использовать объявление модуля шаблона . Поместить что-то вроде следующего в css-modules.d.ts файл (имя не имеет значения) в любом месте (обычно в корне) будет работать. 

declare module "*.css" {
    const path: string;
    export default path;
    // anything else that the bundler exports
}

Если вы также связываете scss с помощью веб-пакета или чего-то в этом роде, import "./navbar.scss" также будет работать.

...