Autoprefixer搭配Neutrino和Webpack使用时不生效如何解决？

• 配置错误修正
  你当前package.json中的PostCSS配置仅填写了无效的postcss-plugin占位项，未实际引入Autoprefixer插件，同时缺少浏览器兼容范围配置，需修改为如下内容：

{
  ...
  "postcss": {
    "map": false,
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": ["last 3 versions", "Firefox ESR", "Safari >= 10", "iOS >= 9"]
  ...
}

新增的browserslist字段用于指定需要兼容的浏览器范围，Autoprefixer会基于该范围生成对应前缀。

• 解析器适配调整
  如果你项目中写的是标准CSS而非SugarSS语法，需删除postcss配置中的"parser": "sugarss"项，否则标准CSS文件会解析失败，导致插件不生效。
• 依赖校验
  执行如下命令安装缺失的相关依赖：
  npm install autoprefixer postcss postcss-loader --save-dev
• 效果验证
  重新执行项目构建命令，即可看到生成的CSS文件已自动添加-webkit-、-moz-等浏览器兼容前缀。

你当前的.neutrinorc.js中CSS loader的顺序、Webpack调用Neutrino的配置均无问题，无需修改。

内容的提问来源于stack exchange，提问作者Usama Nadeem