Reactjs Webpack v4，弹出创建反应应用程序。如何配置自动刷新器？

我陷入困境。 我使用了createreact应用程序（v2），将其弹出，并按照

projectDir > src > pages > page > page.js || page.css

我有多页

我一直在尝试用postss和autoprefixer配置webpack，但我的

webpack.config.dev.js

没有任何类似之处。以下是我的网页中包含带有autoprefixer的PostCs的部分：

const getStyleLoaders = (cssOptions, preProcessor) => {
  const loaders = [
    require.resolve('style-loader'),
    {
      loader: require.resolve('css-loader'),
      options: cssOptions,
    },
    {
      // Options for PostCSS as we reference these options twice
      // Adds vendor prefixing based on your specified browser support in
      // package.json
      loader: require.resolve('postcss-loader'),
      options: {
        // Necessary for external CSS imports to work
        // https://github.com/facebook/create-react-app/issues/2677
        ident: 'postcss',
        plugins: () => [
          require('postcss-flexbugs-fixes'),
          require('postcss-preset-env')({
            autoprefixer: {
              flexbox: 'no-2009',
            },
            stage: 3,
          }),
        ],
      },
    },
  ];
  if (preProcessor) {
    loaders.push(require.resolve(preProcessor));
  }
  return loaders;
};

这是我弹出应用程序后的基本设置。 另外，我将postss.config.js添加到了我的根目录中，但我不知道从哪里导入它

module.exports = {
    plugins: [
        require('autoprefixer')
    ],
};

---

任何人都有关于如何继续使用autoprefixer的提示吗？

CRA使用autoprefixer开箱即用

我得不到-ms--webkit--o-在我的css中的任意位置添加前缀：/edge、firefox或chrome中的已检查元素上都没有。可能是因为我弹出了应用程序，然后我的css不是在一个css文件中的位置，而是在它们影响的页面上导入的多个小文件中（即：

page1.js

有一行

import./page1.css'

），您能给我一个前缀属性的示例吗？这是CRA配置“浏览器列表”中的默认浏览器列表：{“开发”：[“最后2个chrome版本”、“最后2个firefox版本”、“最后2个edge版本”]、“生产”：[“>0.25%”、“不是全部”、“ie 11”]}当然：）这是我的浏览器列表：

“浏览器列表”：[“>0.2%，“未死”，“未ie<10”，“未op_mini all”]

我必须使网站与ie 10及以上兼容。我经常使用

display:flex

，我知道AutoRefixer会将其变成：

display:-webkit-box；display:-ms-flexbox；display:flex；

但它不符合

[>0.2%，”“没有死”，“ie>=10”，“没有操作”]

。在这里你可以检查你的配置没有影响结果，我会尝试构建项目，看看这是否会改变什么