如何让 scss 与反应项目一起工作？

【问题标题】：How do I get scss working with a react project?如何让 scss 与反应项目一起工作？
【发布时间】：2017-07-29 09:50:46
【问题描述】：

几天来，我一直在尝试使用 react-create-app 或我自己的以某种方式集成 scss 的 webpack 配置来设置一个 react 项目。我总是遇到一些奇怪的 wepack 依赖问题（无论是 2.2.1 还是 1.4.1，都找不到正确的版本）。有谁知道我将如何去做这件事？

【问题讨论】：

我说一个很好的结账地点是创建反应应用程序文档，其中有一整节专门讨论这个问题。 github.com/facebookincubator/create-react-app/blob/master/…

【解决方案1】：

我就是这样做的

package.json 依赖：

"css-loader": "^0.26.1",
"node-sass": "^4.4.0",
"sass-loader": "^4.1.1"

（或任何最新版本）

webpack.config.js 模块加载器：

{ 
    test: /\.scss$/, 
    loader: 'style-loader!css-loader!sass-loader'
}

在你的代码中（如果可能，根文件）

import './<your style path>/<your style file>.scss'

【讨论】：