webpack - 未找到 PostCSS 配置

Question

我正在尝试根据教程学习​​ reactjs。同时教程指导使用 webpack 来编译样式表和 JS Assets 。我陷入了一个错误，在使用 webpack 编译文件时，样式表无法编译并抛出以下错误。它显示以下错误:

   ERROR in ./src/stylesheets/hello.css (./node_modules/css-loader!./node_modules/postcss-loader/lib!./src/stylesheets/hello.css)
Module build failed: Error: No PostCSS Config found in: E:\developer\start\src\stylesheets
    at E:\developer\start\node_modules\postcss-load-config\index.js:51:26
    at <anonymous>
 @ ./src/stylesheets/hello.css 2:14-124
 @ ./src/lib.js
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://localhost:4000 ./src/index.js

我已根据教程完成了所有操作，但不知何故此错误仍然存​​在并且无法解决此问题，因为我对此很陌生。我的webpack配置文件webpack.config.js如下:

    module: {
        rules: [
           {
                test: /\.css$/,
                use: [{
                    loader: "style-loader" // creates style nodes from JS strings
                }, {
                    loader: "css-loader" // translates CSS into CommonJS
                }, {
                    loader: "postcss-loader" // compiles Sass to CSS
                }]
            },
            {
                test: /\.scss$/,
                use: [{
                    loader: "style-loader" // creates style nodes from JS strings
                }, {
                    loader: "css-loader" // translates CSS into CommonJS
                }, {
                    loader: "postcss-loader" // compiles Sass to CSS
                }, {
                    loader: "sass-loader" // compiles Sass to CSS
                }]
            }
        ]
    }
};

Answer 1

在根目录下新建一个文件 postcss.config.js并添加
module.exports = {};
在以下帖子中找到了这个:

https://stackoverflow.com/a/41758053/5350097