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

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

0 голосов
/ 30 октября 2018

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

Ответы [ 2 ]

0 голосов
/ 02 ноября 2018

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

create-react-app your-app-name

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

yarn add node-sass

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

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

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

0 голосов
/ 30 октября 2018

сначала вы должны установить 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'
...