Судя по всему, Sass был включен в новое приложение create response (начиная с версии 2.0.0). Но как веб-новичок я не совсем понимаю, почему, когда я пытаюсь применить стили, они не появляются. Я использую response-scripts-ts, например create-react-app my-app --scripts-version = response-scripts-ts). Спасибо!
сначала следует установить 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'
Обновлять: Создайте свое приложение с
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, потому что это не приложение для создания реакции, а другие скрипты. Попробуйте просто создать-реагировать-приложение ваше-приложение-имя
попробовал, но это не сработало. Шаги: 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 и на этот раз это сработало, так что это, похоже, версия сценария, не так ли?
Новая версия cra позволяет использовать sass напрямую, но с -scripts-version = response-scripts-ts вы используете другой проект с другой конфигурацией webpack. Если бы это сработало, не могли бы вы принять ответ? Спасибо
Разве это не старый способ? Sass теперь поддерживается в
create-react-app
(reactjs.org/blog/2018/10/01/create-react-app-v2.html), о чем упоминается в его вопросе.