Как я могу использовать sass с новым приложением create response?

Судя по всему, Sass был включен в новое приложение create response (начиная с версии 2.0.0). Но как веб-новичок я не совсем понимаю, почему, когда я пытаюсь применить стили, они не появляются. Я использую response-scripts-ts, например create-react-app my-app --scripts-version = response-scripts-ts). Спасибо!

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
0
1 782
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

сначала следует установить node-sass-chokidar

npm install node-sass-chokidar --save-dev

а также npm-run-all так:

npm install npm-run-all -g

затем измените их в package.json:

 "start": "react-scripts start",
 "build": "react-scripts build",

к :

 "start-js": "react-scripts start",
 "start": "npm-run-all -p watch-css start-js",
 "build": "npm run build-css && react-scripts build",
 "build-css": "node-sass-chokidar src/ -o src/",
 "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",

теперь, если вы создаете mycomponent.sass внутри своего компонента, просто импортируйте его, например:

import './mycomponent.css'

Разве это не старый способ? Sass теперь поддерживается в create-react-app (reactjs.org/blog/2018/10/01/create-react-app-v2.html), о чем упоминается в его вопросе.

lux 30.10.2018 22:29
Ответ принят как подходящий

Обновлять: Создайте свое приложение с

create-react-app your-app-name

Версия скриптов не требуется. Затем установите node-sass

yarn add node-sass

а затем импортируйте файл sass прямо в свой компонент с помощью

import './my-component-styles.scss'

Я думаю, что webpack - это тот, кто сейчас компилирует файлы sass, поэтому вы можете использовать их так же, как файлы css

Вам не нужен --scripts-version = response-scripts-ts, потому что это не приложение для создания реакции, а другие скрипты. Попробуйте просто создать-реагировать-приложение ваше-приложение-имя

Porkopek 03.11.2018 22:33

попробовал, но это не сработало. Шаги: create-response-app test --scripts-version = response-scripts-ts npm install --save-dev node-sass переименован в App.css -> App.scss изменен import './App.css' -> import './App.scss' не сработал попробовал: create-response-app test npm instal node-sass --save-dev change App.css -> App.scss import ./App.css -> import App.scss и на этот раз это сработало, так что это, похоже, версия сценария, не так ли?

Gabriel Yshay 03.11.2018 22:33

Новая версия cra позволяет использовать sass напрямую, но с -scripts-version = response-scripts-ts вы используете другой проект с другой конфигурацией webpack. Если бы это сработало, не могли бы вы принять ответ? Спасибо

Porkopek 03.11.2018 22:36

Другие вопросы по теме