Как использовать файлы Scss в CodeSandbox?
Я раньше не использовал SASS или SCSS ни в чем, кроме codepen, поэтому извиняюсь, если это основной вопрос, но мой CSS работал нормально, но я хотел вложить некоторые теги, и когда я настраивал зависимости SCSS и SASS и менял имя файла в .scss, все мое форматирование исчезло. Я где-то читал об импорте файла scss в файл css, но я не совсем уверен, как это сделать.
Вот ссылка на песочницу кода: https://codesandbox.io/s/oj15rk1vw9
Ответы 2
Используйте шаблон Parcel Bundler вместо шаблона create-react-app
Также, если вы используете реакцию, добавьте react и react-dom в качестве зависимостей, поскольку шаблон Parcel Bundler поставляется только с parcel в качестве зависимости разработчика.
https://codesandbox.io/s/q7877ov756
Я не знаю, извините, я знаю, что вы можете импортировать проект из Github или с cli
Я просто попробовал посылку и все переписал, а теперь вообще ничего не отображается. Хотите посмотреть? codeandbox.io/s/rw0j2orqmp
Только что разобрался. Это произошло потому, что я не указывал сценарий в индексе. В чем разница между шаблонами parcel и response, когда index.html не может находиться в общей папке и должен явно указывать источник сценария в index.html?
Если вы просто измените все экземпляры style.css на style.scss, тогда он будет работать
Вы должны убедиться, что пакет node-sass установлен. См. Документы.
Также мне требовалось убедиться, что у меня установлен шаблон песочницы на react, и добавить эти строки в мой package.json в группе scripts"build:css": "node-sass src/ -o src/ ","watch:css": "npm run build:css && node-sass src/ -o src/ -w -r"
Есть ли способ изменить шаблон без необходимости создавать новую песочницу и копировать все заново?