Reactjs 如何配置Webpack（或Babel）以便在React项目中使用sass？

从标题开始，我不知道从哪里开始配置任何东西，以便能够为我的组件使用.scss文件。 我知道如何在webpack.config.js中配置加载程序，但在我的样板文件中，没有webpack.（dev | prod.config.js

我读到我应该创建一个.babelrc，但后来我迷路了。 有人能帮我吗

我的项目结构：

---

您需要安装一些带有

npm

的装载机：

npmi样式加载器css加载器sass加载器--save dev

然后，您需要将加载程序添加到Web包配置文件的

模块

部分：

module: {
  loaders: [
    // Sass
    {
      test: /\.scss$/,
      loader: 'style-loader!css-loader!sass-loader'
    },
    // CSS
    {
      test: /\.css$/,
      loader: 'style-loader!css-loader'
    }
 }

---

看起来它是从CreateReact应用程序生成的项目。如果这里有关于如何添加SCS的指南是的，这是一个从CreateReact应用程序生成的项目。非常感谢。为了使用“svg sprite loader”，我需要运行弹出并在webpack config中添加设置，还是有更好的方法？如果需要修改webpack config并使用自定义内容，则需要弹出。一旦你弹射出去，你就不能回去了。就我个人而言，我会先备份，以确保在出现故障或无法按预期工作的情况下，我可以回去。