Карта источника SASS не может быть выведена на create-реагировать-приложение 2 ( сообщил об ошибке ), пытался найти обходной путь, пока рассматривается официальное исправление.
Другой пользователь предложил добавить в сценарии нижеприведенное:
"scripts": {
"build-css": "node-sass --source-map true --include-path ./src --include-path ./node_modules src/assets/sass -o public/css",
"watch-css": "npm run build-css && node-sass --source-map true --include-path ./src --include-path ./node_modules src/assets/sass -o public/css --watch --recursive"
Это помогает, но генерирует еще один CSS-код, который может быть найден за пределами веб-пакета, также нарушая внедрение CSS (горячая загрузка).
Вот как включается CSS (через import в файле index.js).В идеале это должно оставаться как есть.
import "styles/main.scss";
Ниже package.json ( response-scripts v2.1.1 ):
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"lint": "NODE_ENV=production eslint src --ext '.js,.jsx'",
"lint-fix": "yarn lint --fix",
"lint-check": "NODE_ENV=production eslint --print-config . | eslint-config-prettier-check",
"prepare-mobile": "node prepare-mobile.js",
"release-mobile": "node prepare-mobile-release.js",
"postbuild": "yarn prepare-mobile",
"precommit": "pretty-quick --staged"
}
Есть ли способвывести исходную карту SASS , отличную от описанного выше подхода, и без необходимости извлекать веб-пакет?