生产打包丢失autoprefixer，怎么回事？

Question

使用的create-react-app加styled-components，突然发现打包后的文件没有添加浏览器前缀，本地开发环境是有的，好奇怪，我也不知道是什么时候开始的，好突然啊，怀疑是webpack压缩时去掉的，有朋友遇到过类似的吗，帮我看看，谢谢

.babelrc

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "usage",
        "corejs": 3,
        "browserslist": "> 0.25%, not dead"
      }
    ]
  ]
}

哈哈哈解决了，原来styled-components在浏览器允许时判断当前浏览器是否需要前缀，不需要就不加，所以一般情况下是看不见的,下图我用ie打开，就加上了前缀

Answer 1

看看

Answer 2

开发环境正常，但生产环境不正常。应该是生产环境的webpack配置中对应样式文件的loader里没有加上postcss-loader相关的配置。这个和.babelrc中的babel配置无关。

postcss的配置可以写在postcss-loader的配置项（options）里，也可以在项目内放一个postcss.config.js文件，将配置项写到这里