Исходные карты Node-SASS не работают с React-JS
Я пытаюсь использовать SASS с REACT
Пустышка GITHUB: https://github.com/bansalvks/react-poc-collection/tree/master/scss-with-react
Проблема, с которой я столкнулся, заключается в том, что исходные карты не работают.
Я использую узел-сасс-чокидар и использую следующий скрипт для запуска утилиты
node-sass-chokidar --include-path ./node_modules/ ./src -o ./src --output-style=expanded --source-map=true --source-map-root=true --watch
Как вы можете видеть на снимке экрана ниже, файл не отображается
Не могу понять, почему это не работает
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Это работает с создать-реагировать-приложение, но вы можете попробовать в настройках реакции
Попробуй это:
На "Dummy" веб-странице Github я нашел это:
https://github.com/facebook/create-react-app/issues/5707
The following did work for me:
1.) open node_modules\react-scripts\config\webpack.config.js 2.) replace "isEnvProduction" with "isEnvDevelopment" for the css-loader, css-module loader, sass loader and sass module loader (between lines 443 - 500) 3.) start development process with "npm start"
Так что просто перейдите к node_modules \ react-scripts \ config \ webpack.config.js
Между строками 443-500 ищите:
- css-загрузчик
- css-модуль
- грузчик
- sass-загрузчик
- sass-модуль-загрузчик
и заменить isEnvProduction на isEnvDevelopment
https://user-images.githubusercontent.com/11925409/50423483-4b986900-0856-11e9-80bb-7f7f331e17fd.png
Я пробовал это, и исходные карты теперь работают в инструментах разработчика Chrome.
то же самое и с response-create-app, поэтому я не думаю, что вы делаете что-то не так в своей настройке, кстати