Снежный покров - импорт s css в tsx - PullRequest
Новая
       27

Снежный покров - импорт s css в tsx

0 голосов
/ 09 июля 2020

Я настраиваю проект Snowpack с целью переместить в него существующее приложение Create-React-App, как только все будет настроено одинаково.

Я не нашел способа импортировать .scss файл в .tsx файл.

Кажется, что в документации Snowpack обсуждается только настройка s css как внешнего ресурса, предлагая поместить s css в отдельную css папку { ссылка на документы }. Однако я хотел бы сохранить свои файлы scss рядом с компонентами tsx, которым они принадлежат, и импортировать их в компонент, как и я сейчас. Документы также ссылаются на сообщение в блоге, в котором обсуждается установка с сообщением CSS, однако в этом сообщении говорится о некоторых проблемах с подходом, в том числе о том, что исходные карты не будут работать - что не сработает.

Я создал свой проект следующим образом: 

npx create-snowpack-app my-sweet-app --template @snowpack/app-template-react-typescript --use-yarn

Затем я добавил новый файл s css, src/test.scss

$best-colour: tomato;

body {
    background-color: $best-colour;
}

и добавил импорт в моем src/App.tsx файле: 

import './test.scss';

При запуске yarn start я получаю следующую ошибку: 

[error] [404] /_dist_/test.css.proxy.js
    ✘ /home/me/repos/my-sweet-app/public/_dist_/test.css
    ✘ /home/me/repos/my-sweet-app/src/test.css

Можно ли настроить Snowpack для импорта файлов s css в файлы tsx эквивалентно тому, как это работает в приложении Create React? Как?

...