&ers和 postcss-nested 在 create-react-app 中不起作用

问：

&符号在样式中不起作用（postcss）

包npm i --dev autoprefixer postcss-nested postcss-cli npm-run-all

命令

"scripts": {
    "start": "npm-run-all -p watch:css start-js",
    "build": "npm-run-all build:css build-js",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "build:css": "postcss src/styles/main.css -o src/index.css",
    "watch:css": "postcss src/styles/main.css -o src/index.css -w",
    "start-js": "react-scripts start",
    "build-js": "react-scripts build"
}

postcss.config，.js 在根目录中

module.exports = {
    plugins: [require("postcss-nested"), require("autoprefixer")],
};

法典：

• 索引 .css

.App {
    background-color: #ffffff;

    &-header {
      background-color: yellow;
    }
}

• 应用.js

<div className="App">
    <header className="App-header">test</header>
</div>

为什么代码中的 & 号不起作用？