未加载.scss文件的包裹

Question

目前，我的react项目使用parcel没有加载.scss文件。

我尝试过不同的建议解决方案，比如安装sass、node-sass甚至dart-sass，但这些方案对我都没有用。

.babelrc

{
  "plugins": ["@babel/plugin-proposal-class-properties"],
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

package.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存储库和预期结果，可以在这里找到。

Answer 1

是的，这可能会突然发生。我发现一个可能的原因是，由于文件中的为空大括号，所以Parcel不跟踪scss/css更新，只跟踪。

.someStyle {}         //avoid empty braces in your style file