Если вы хотите добавить Stylus в свое приложение Create React, вот очень быстрый способ сделать это. Это должно быть очень просто!
Если на вашем компьютере еще не установлен Stylus, сделайте это, введя это в свой терминал:
$ yarn add stylus global
Если у вас еще не установлено приложение Create React, сделайте это, введя:
$ yarn add create-react-app global
Затем вам нужно создать приложение React:
$ create-react-app my-app $ cd my-app $ mkdir src/static/stylus
Теперь добавьте «npm-run-all» в свой проект в качестве зависимости разработчика:
$ yarn add npm-run-all -d && yarn
Теперь обновите свой package.json и замените стартовые скрипты следующими:
"build-css": "stylus -c src/static/stylus/ --out src/static/css", "watch-css": "yarn run build-css && stylus -c -w src/static/stylus --out src/static/css", "start-js": "react-scripts start", "start": "npm-run-all -p watch-css start-js", "build-js": "react-scripts build", "build": "npm-run-all build-css build-js"
Теперь вы можете запустить свое приложение с помощью:
yarn start
И это все!
