javascript scss文件不在react中编译

k5hmc34c 于 2023-02-15 发布在 Java

关注(0)|答案(3)|浏览(115)

scss文件没有在reactjs中编译，即使有了所需的dev依赖项。我已经使用create-react-app创建了应用程序。下面是package.json文件。

{
  "name": "mydecisionapp",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "css": "^2.2.1",
    "loader": "^2.1.1",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-modal": "^3.1.11",
    "react-scripts": "1.1.0",
    "style": "^0.0.3",
    "validator": "8.0.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "devDependencies": {
    "css-loader": "^0.28.9",
    "node-sass": "^4.7.2",
    "sass-loader": "^6.0.6",
    "style-loader": "^0.20.1",
    "webpack": "^3.10.0"
  }
}

下面是包样式.scss文件。

$brand-color:blue;
* {
color: $brand-color;
}

我看了index.js文件中的所有导入，它是完全确定的，但仍然，我没有看到scss编译。

JavaScript

来源：https://stackoverflow.com/questions/48555868/scss-file-not-compiling-in-react

3条答案

按热度按时间

z9smfwbn1#

create-react-app未默认配置为支持scss文件。请尝试阅读此How to add SASS/SCSS to a create-react-app

赞(0）回复(0）举报 2023-02-15

aiqt4smr2#

请确保package.json文件中react-scripts的版本至少为2.0.0。
这一点在文档的顶部进行了说明，可在以下位置找到：https://create-react-app.dev/docs/adding-a-sass-stylesheet
注意：此特性在react-scripts@2.0.0及更高版本中可用。

赞(0）回复(0）举报 2023-02-15

yzckvree3#