В настоящее время мой react
проект, использующий parcel
, не загружает .scss
файлы.
Я испробовал различные предлагаемые решения, например, установил sass
, node-sass
или даже dart-sass
, но ни один из них не помог мне.
.babelr c
{
"plugins": ["@babel/plugin-proposal-class-properties"],
"presets": ["@babel/preset-env", "@babel/preset-react"]
}
пакет. json
{
"name": "podder",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"classnames": "^2.2.6",
"minimist": "^1.2.5",
"parcel": "^1.12.4",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.0",
"react-swipeable-views": "^0.13.9",
"svjsl": "^1.8.4"
},
"scripts": {
"start": "parcel public/index.html",
"build": "parcel build public/index.html"
},
"devDependencies": {
"@babel/plugin-proposal-class-properties": "^7.8.3",
"babel-core": "7.0.0-bridge.0",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",
"parcel-bundler": "^1.12.4",
"sass": "^1.26.3"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
Он должен работать правильно, но работает неправильно. Моя проблема, включая мой репозиторий Github и ожидаемый результат, может быть найдена здесь