Reactjs 创建react应用程序网页包配置文件

我已经使用npx create react应用程序创建了一个新的react应用程序，现在我想集成一个webpack.config.js文件。我知道我不必这么做，但这是完成任务的必要步骤。 我已经尝试了很多教程和文章，但我似乎不能使它工作。所有我需要的是包括所有的css相关加载sass，css等和巴贝尔

这是我的webpack.config.js文件：

 const path = require('path');


module.exports = {
  mode: "development",
  entry: path.join(__dirname,'./src/index.js'),
  module: {
    rules: [
        {
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: {
              loader: "babel-loader"
            }
          },
      {
        test: /\.s[ac]ss$/i,
        use: [
          // Creates `style` nodes from JS strings
          "style-loader",
          // Translates CSS into CommonJS
          "css-loader",
          // Compiles Sass to CSS
          "sass-loader"
        ]
      }
    ]
  },
  resolve: {
    extensions: ["*", ".js", ".jsx"]
  },
  output: {
    path: path.join(__dirname,'public'),
    filename: 'bundle.js'
},
  devServer: {
    contentBase: path.join(__dirname,'public')
  }
};

我得到了这个错误：

ERROR in ./src/index.js 7:16
Module parse failed: Unexpected token (7:16)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import * as serviceWorker from './serviceWorker';
| 
> ReactDOM.render(<App />, document.getElementById('root'));
| 
| // If you want your app to work offline and load faster, you can change

---

回答这个问题，仅仅是因为当我看到10页的媒体文章作为一个答案时，它可以用一句话来回答，这让我很难受

输入项目目录并运行npm run eject

这将把所有要编辑的配置文件（包括webpack.config.js）提取到名为config的文件夹中。输入config/webpack.config.js，找到return语句，其中有一个resolve配置选项。将以下内容添加到该对象：

symlinks: false

---

轰。给你省了一篇愚蠢的长文章

有一些替代方案可以在不弹出CRA项目的情况下覆盖webpack配置：

您可以尝试一套与CRA 2.0兼容的替代方案 重新布线器，或任何旨在 支持2.0：

，一个扩展CRA配置的替代框架 支持2.0+

对于这个项目的一个分支 旨在支持CRA 2.0

---

如果你想自定义网页，请遵循本教程。如果你添加外部css、sass等。。。从index.js导入文件，如导入样式.css；，然后将style.css粘贴复制到``public`文件夹。我看过这篇文章，但没有解决我的问题。我已经更新了信息。你可能想提到，弹出是不可逆的，当你弹出时，你完全靠自己，必须在这里和那里进行完整的网页包设置、网页包配置，可能还有一些不同的文件夹/文件路径。这完全是不真实的。它为您提取所有配置并允许您编辑它，但如果它已经工作，它不会破坏您现有的配置。你不需要做任何额外的事情。