Reactjs sass在创建反应应用程序中不工作

Sass不在create react应用程序中编译。当前的package.json结构是

{
  "name": "create-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.3.1",
    "react-dom": "^16.3.1",
    "react-scripts": "1.1.4"
  },
  "dependencies": {
    "node-sass-chokidar": "^1.2.2",
    "npm-run-all": "^4.1.2",
    "react": "^16.3.1",
    "react-dom": "^16.3.1",
    "react-redux": "^5.0.7",
    "react-router-dom": "^4.2.2",
    "react-scripts": "^1.1.4",
    "redux": "^3.7.2",
    "redux-logger": "^3.0.6",
    "redux-thunk": "^2.2.0"
  },
  "scripts": {
    "build-css": "node-sass-chokidar src/ -o src/",
    "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
    "start-js": "react-scripts start",
    "start": "npm-run-all -p watch-css start-js",
    "build-js": "react-scripts build",
    "build": "npm-run-all build-css build-js",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

回购：

---

工作正常，

npm启动

查看

.scss

文件，并按预期输出

.css

文件

确保组件中需要

.css

文件

由于

src/App.js

仍然导入

src/App.css

，因此样式将成为应用程序的一部分。您现在可以编辑

src/App.scss

，并且将重新生成

src/App.css

另外，由于现在生成了

.css

文件，因此您应该将它们从SCM中删除

此时，您可能希望从源代码管理中删除所有CSS文件，并将

src/***.CSS

添加到

.gitignore

文件中

---

现在支持Sass。安装节点sass（例如npm安装节点sass）以启用它。检查此项。

Create react应用程序默认使用POSTSS，因为它是一种更现代/模块化的方法。如果需要使用Sass，则需要更新webpack.config中的CSS加载程序，以适应您想要使用的环境。请在您的网页配置中发布问题。您可能可以在此处找到问题的答案和步骤：@Vlatko Vlahek我只是按照创建react应用程序文档完成了

npm run watch css

？@Muhammed如果您使用的是npm start，它应该可以工作。运行该命令时，是否可以从终端发布日志？也许是一些愚蠢的事情，比如失踪；在scss文件或类似文件中。